用ThreeJS控制stl模型的透明度
利用ThreeJs加载stl文件我选择用这个js来渲染stl文件渲染方法如下:其中的 material是来控制模型的透明度,颜色的对象。那么如何通过点击按钮来控制模型的透明度如果你用的是Vue,完全可以给 opacity一个变量,利用Vue的双向数据绑定来随意变化透明度的值(取值范围为0~1)原生的话则需要通过改变对象内的属性值其中的 id就是对象名,可以绑定一个点击事件通过点击来改变他们的透明度
·
利用ThreeJs加载stl文件
我选择用这个js来渲染stl文件
渲染方法如下:
其中的 material是来控制模型的透明度,颜色的对象。
那么如何通过点击按钮来控制模型的透明度
如果你用的是Vue,完全可以给 opacity一个变量,利用Vue的双向数据绑定来随意变化透明度的值(取值范围为0~1)
原生的话 则需要通过改变对象内的属性值
其中的 id就是对象名,可以绑定一个点击事件通过点击来改变他们的透明度。
到此为止可以基本实现模型的透明度控制,但是会发现如果同时加载多个stl文件的话,如果把上面的模型设置透明度,会给下面的模型一种‘马赛克’的感觉,所以还需要设置一个属性。
这样的话就会解决这个问题!!!
更多推荐
已为社区贡献1条内容
所有评论(0)