如何利用Box组件玩转3D交互？原创

有很多小伙伴会好奇官方案例中的这种三维交互效果是怎么实现的？其实很简单，只是用到了瑞专业版中的三维交互组件box功能，接下来我们通过一个小案例来学习一下吧。首先进入页面中的场景层，点击场景，选择科技工业下的汽车模型，调整一个合适的角度，接着选择交互功能中的box组件box在专业版中可以理解为三维场景下的交互热区。选中box后，右上方可以设置box的移动、旋转和缩放三个属性。需要注意的是，选择缩放属性后，按住中心点并拖动鼠标为等比缩放。接下来通过观察不同视角来调整box的位置，然后复制一个页面来设置汽车的开灯状态在右侧。

模型风格中选择黑页，最后我们为两个页面的box添加交互事件，添加完成之后可以预览一下最终效果。以上就是这期教程的完整内容了，如果您想了解关于瑞的最新资讯，可以关注瑞实验室公众号获取更多内容。