温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
有很多小伙伴会好奇官方案例中的这种三维交互效果是怎么实现的?其实很简单,只是用到了瑞专业版中的三维交互组件box功能,接下来我们通过一个小案例来学习一下吧。首先进入页面中的场景层,点击场景,选择科技工业下的汽车模型,调整一个合适的角度,接着选择交互功能中的box组件box在专业版中可以理解为三维场景下的交互热区。选中box后,右上方可以设置box的移动、旋转和缩放三个属性。需要注意的是,选择缩放属性后,按住中心点并拖动鼠标为等比缩放。接下来通过观察不同视角来调整box的位置,然后复制一个页面来设置汽车的开灯状态在右侧。
01:01
模型风格中选择黑页,最后我们为两个页面的box添加交互事件,添加完成之后可以预览一下最终效果。以上就是这期教程的完整内容了,如果您想了解关于瑞的最新资讯,可以关注瑞实验室公众号获取更多内容。
我来说两句