68. UI交互按钮与3D场景交互
实际开发的时候,往往会通过前端的HTML、CSS代码创建按钮等交互界面,用来与3D场景交互。
如果你是用vue或react开发web3d项目,也可以不用HTML、CSS自己写,可以使用UI组件库。
UI按钮改变Mesh颜色
<div id="red" class="bu">红</div>
<div id="green" class="bu" style="margin-left: 10px;">绿</div>
通过UI按钮与3D场景交互,改变mesh颜色
document.getElementById('red').addEventListener('click',function(){
mesh.material.color.set(0xff0000);
})
document.getElementById('green').addEventListener('click',function(){
mesh.material.color.set(0x00ff00);
})
原文地址:https://blog.csdn.net/Miller777_/article/details/142777800
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!