# 事件(Events)

此类别的拼图处理用户生成的事件:鼠标点击/触摸,悬停和拖动。

译注

Verge3D中事件有两类,一是这里介绍的三维场景下的交互事件,还有一类是HTML页面上的交互事件。

此类别的拼图处理用户生成的事件:鼠标点击/触摸,悬停和拖动。

mark

# when clicked

等待用户点击指定的3D物体 – 然后在“do”插槽中运行拼图,或者如果用户点击其他内容则在“miss:do”插槽中运行拼图。

puzzles-events-when-clicked

# picked object

返回用户单击的物体。用于“when clicked”拼图。

puzzles-events-picked-object

# when hovered

等待用户将鼠标悬停在指定的3D物体上(或者,如果使用了all objects拼图,则指定列表或组中的任何物体,或场景中的任何物体)– 然后在“over / out:do”插槽中运行拼图。

puzzles-events-when-hovered.jpg

# hovered object

返回用户悬停的物体。常与when hovered拼图一起使用。

puzzles-events-hovered-object.jpg

# when moved

跟踪物体(或指定列表或组中的任何物体,或使用了all objects拼图的场景中的任何物体)的任何移动(位置,旋转和缩放)。如果物体开始移动,则在“start: do”插槽中运行拼图。在“while moving: do”插槽中保持拼图持续运行,直到物体停止移动。停止移动后在“stop: do”插槽中运行拼图。 velocity 参数表示触发此拼图所需的位置,旋转或比例的任何坐标(x,y或z)的每秒变化。

mark

# when dragged

等待用户使用鼠标或触摸手势拖动指定的3D物体(或指定列表或组中的任何物体,或者如果使用了all objects拼图,则为场景里的任何物体) - 然后生成移动数据用于drag move, drag rotate 或 drag rotate拼图。还捕获已启动和已停止拖动的事件。

puzzles-events-when-dragged-over.jpg

# drag move

根据when dragged拼图生成的拖动移动数据,移动指定的3D物体(或指定列表或组中的所有物体,如果使用了all objects拼图,则移动场景中的所有物体)。使用下拉菜单限制移动到特定轴或平面,或完全不限制。

puzzles-events-drag-move.jpg

# drag rotate

根据when dragged拼图生成的拖动移动数据,旋转指定的3D物体(或指定列表或组中的所有物体,或者如果使用all objects拼图,则为场景中的所有物体)。使用下拉菜单将旋转限制为特定轴。 "space"下拉列表允许在“本地”和“父”坐标空间之间切换。

puzzles-events-drag-rotate.jpg

# drag scale

根据when dragged拼图生成的拖动移动数据,缩放指定的3D物体(或指定列表或组中的所有物体,或者如果使用all objects拼图,则为场景中的所有物体)。使用下拉菜单限制缩放到特定轴。

puzzles-events-drag-scale.jpg

上次更新: 2020-8-16 12:51:23