利用ThreeJs加载stl文件

我选择用这个js来渲染stl文件

用TherrJS控制stl模型的透明度
渲染方法如下:
用TherrJS控制stl模型的透明度
其中的 material是来控制模型的透明度,颜色的对象。

那么如何通过点击按钮来控制模型的透明度

用TherrJS控制stl模型的透明度
如果你用的是Vue,完全可以给 opacity一个变量,利用Vue的双向数据绑定来随意变化透明度的值(取值范围为0~1)
原生的话 则需要通过改变对象内的属性值
用TherrJS控制stl模型的透明度
其中的 id就是对象名,可以绑定一个点击事件通过点击来改变他们的透明度。

到此为止可以基本实现模型的透明度控制,但是会发现如果同时加载多个stl文件的话,如果把上面的模型设置透明度,会给下面的模型一种‘马赛克’的感觉,所以还需要设置一个属性。

用TherrJS控制stl模型的透明度
这样的话就会解决这个问题!!!

相关文章:

  • 2022-12-23
  • 2021-12-15
  • 2022-12-23
  • 2022-12-23
  • 2021-12-25
  • 2021-07-24
  • 2021-04-13
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-11-17
  • 2022-02-18
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案