three.js 绘制边框线

前端小白小白白

已于 2022-05-31 17:55:20 修改

阅读量3.2k

点赞数 11

文章标签： vue.js three.js

于 2022-02-23 17:34:32 首次发布

本文链接：https://blog.youkuaiyun.com/qq_41026858/article/details/123095211

版权

本文介绍了如何在使用Vue和three.js创建3D场景时，为模型添加边框线，并使用MeshPhongMaterial实现透明材质。通过实例展示了如何动态生成多个不规则形状的模型，同时附带了边框线的详细配置和位置调整技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue+three.js
边框线是在模型上添加一个边框，而不是发光呼吸灯，如果需要模型发光效果
可以看一下我的另一篇文章模型发光

效果图：
在这里插入图片描述


var material = new THREE.MeshPhongMaterial({
   
        color: 0xccebff,
        specular: 0x00ff00,
        transparent: true,
        opacity: 0.5
      })
      var geometry

最低0.47元/天解锁文章