vue+threeJs 绘制3D圆形

        嗨，我是小路。今天主要和大家分享的主题是“vue+threeJs 绘制圆形”。        

今天找到一个用three.js绘制图形的项目，主要是用来绘制各种形状。

项目案例示意图

1.THREE.ShapeGeometry

定义：是 Three.js 中用于从 2D 路径形状（Shape）生成 3D 几何体的类。它非常适合用来创建复杂的 2.5D 或拉伸形状的几何体

2.启用 Wireframe

定义："wireframe" 是一种渲染模式，以线框的形式显示几何体的边，而不是填充面。这在可视化模型结构、调试复杂几何体或创建特定视觉效果时非常有用。

3.THREE.ExtrudeGeometry

定义：用于将 2D 形状 挤压成 3D 几何体。原来的二位图如下：

参数	说明
steps	分层数
depth	拉伸深度
bevelEnabled	是否倒角
bevelThickness	控制倒角的厚度
bevelSize	0 无倒角  0.5 小倒角  1 标准倒角  2.0+ 强烈倒角
bevelSegments	倒角细分段数

二、实例代码

三、总结

       持续的刻意练习，感觉每天都有新的收获！不仅学会了如何绘制圆形，还初步掌握，如何将2D图形拉伸成3D效果。

都看到这里了，记得【点赞】+【关注】哟。