当前版本的 Aframe 如何处理 "mouse" 事件?
How does the current version of Aframe handle "mouse" events?
Aframe 似乎在不更改文档的情况下更改了它处理鼠标事件的方式。你能帮我触发 mouseenter 和 mouseleave 事件吗?
我的代码在这里,运行在故障框架中:
https://glitch.com/edit/#!/aframe-cursor-stuff?path=index.html:1:0
(点击"show live"(左上角)在新标签页中运行,点击"remix to edit"(右上角)修改代码)
现场
出现一个带有框的圆形光标。如果单击并拖动屏幕,您可以将光标移到框上。如果您随后单击,该框将以 y 轴旋转动画
但是只要将光标移到框上应该会放大框 - 将光标移离框应该会缩小框 - 使用 "mouseenter" 和 "mouseleave"
事实上,如果您将 Aframe src 替换为我在代码中注释掉的早期版本 (0.2.0) - 如果您想尝试的话,这实际上是有效的。
当前版本 (0.8.0) 的文档似乎仍然支持 mouseenter 事件:
https://aframe.io/docs/0.8.0/components/cursor.html
并指定:
"mouseenter: Emitted on both cursor and intersected entity (if any) when cursor intersects with an entity"
郑重声明,Aframe 版本 0.8.2 的反应类似于 0.8.0
你能告诉我什么是什么吗?
<a-event>
是 deprecated since 0.4.0. Use the event-set-component:
<a-box color="#0000FF"
width="1" height="1" depth="1"
position="0 0 -5"
rotation="45 45 45"
scale="1 1 1"
event-set__mouseenter="scale: 2 2 2"
event-set__mouseleave="scale: 1 1 1">
<a-animation attribute="rotation" begin="click" repeat="indefinite" to="0 360 0"></a-animation>
</a-box>
演示:https://glitch.com/edit/#!/rainy-camera-1?path=index.html:14:7
Aframe 似乎在不更改文档的情况下更改了它处理鼠标事件的方式。你能帮我触发 mouseenter 和 mouseleave 事件吗?
我的代码在这里,运行在故障框架中: https://glitch.com/edit/#!/aframe-cursor-stuff?path=index.html:1:0
(点击"show live"(左上角)在新标签页中运行,点击"remix to edit"(右上角)修改代码)
现场 出现一个带有框的圆形光标。如果单击并拖动屏幕,您可以将光标移到框上。如果您随后单击,该框将以 y 轴旋转动画
但是只要将光标移到框上应该会放大框 - 将光标移离框应该会缩小框 - 使用 "mouseenter" 和 "mouseleave"
事实上,如果您将 Aframe src 替换为我在代码中注释掉的早期版本 (0.2.0) - 如果您想尝试的话,这实际上是有效的。
当前版本 (0.8.0) 的文档似乎仍然支持 mouseenter 事件: https://aframe.io/docs/0.8.0/components/cursor.html 并指定:
"mouseenter: Emitted on both cursor and intersected entity (if any) when cursor intersects with an entity"
郑重声明,Aframe 版本 0.8.2 的反应类似于 0.8.0
你能告诉我什么是什么吗?
<a-event>
是 deprecated since 0.4.0. Use the event-set-component:
<a-box color="#0000FF"
width="1" height="1" depth="1"
position="0 0 -5"
rotation="45 45 45"
scale="1 1 1"
event-set__mouseenter="scale: 2 2 2"
event-set__mouseleave="scale: 1 1 1">
<a-animation attribute="rotation" begin="click" repeat="indefinite" to="0 360 0"></a-animation>
</a-box>
演示:https://glitch.com/edit/#!/rainy-camera-1?path=index.html:14:7