初级
前置知识:vue2+threejs
- Vue里使用three.js实现3D模型小案例:非常基础的无贴图旋转立方体,有完整代码
前置知识:vue3+ts+threejs
vue3.0 + ts + threejs 实现简单的demo :一个旋转贴图的正方体效果,无贴图原图,无demo和源码。
Vue里使用three.js实现3D模型小案例:3d场景效果,vr看房的效果。提供了图源和完整代码。
教程
vue 2 中混入threejs 基本版(一) 有源码,有详细的解说(包括思维导图),用来入门threejs很不错。另外还有些扩展的文章。效果比较简单,无贴图的球体和正方体。
三维空间中绘制点、线、面、UV贴图,万能的BufferGeometry(three.js实战4) 也是一个很不错的入门教程,BufferGeometry还是很常用的。学了画线。
扩展
外部模型的引入和使用
vue2+three.js实现页面引入3d模型并进行简单模型控制 无源码,有代码和效果。
threejs的剖切面
ThreeJS剖切 - 高亮剖切面/切面填充 挺酷的效果,没试过