最近入了three.js的坑，想用three.js做一些demo以便巩固自己最近所掌握的知识点，而且正好赶上国庆放假，随，有了这篇~

示例代码托管在：[链接]博客园地址：《大史住在大前端》原创博文目录 华为云社区地址：【你要的前端打怪升级指南】 [TOC] 有了上一篇基础知识的储备，本节就来制作一下简易版的MARVEL的片头动画。【点击观看动画…

今天做项目的时候发现threejs中.obj模型投影与geometry的投影有一点不同，写个文章记录一下，防止忘记，也希望能够帮到大家！如果对你的问题产生了帮助，就请点个赞吧 ^_^ ~

WebGL渲染目标对象WebGLRenderTarget实现了WebGL的离屏渲染功能，如果你有一定的WebGL或OpenGL基础，对帧缓冲区、离线渲染、后处理等概念应该是不陌生的。

创建场景中的三维模型往往需要设置显示大小、位置、角度，three.js提供了一系列网格模型对象的几何变换方法，从WebGL的角度看，旋转、缩放、平移对应的都是模型变换矩阵，关于矩阵变换内容可以观看本人博客发布的…

你查看Threejs的文档可以发现Threejs的很多类都具有克隆.clone()和复制.copy()方法，比如网格模型Mesh、几何体Geometry、三维向量Vector3…

针对不同应用的三维场景需要使用不同的投影方式，比如机械、工业设计领域常常采用正投影(平行投影), 游戏场景往往采用透视投影(中心投影)。为了完成三维场景不同的投影方式，three.js封装WebGL API和相关算法，提…

使用三维软件导出.obj模型文件的时候，会同时导出一个材质文件.mtl， .obj和.stl文件包含的数据一样都是几何体对象的顶点位置、顶点法向量等顶点相关数据， 材质文件.mtl包含的是RGB颜色值等材质信息。

在很多的实际的项目中，你可能需要给一个Three.js的模型添加标签，标签可以通过一个包含文字图形信息的HTML元素或者一个three.js的精灵模型来表示。

如果你刚接触Three.js，查看文档的时候，通过BoxBufferGeometry、SphereBufferGeometry可以分别用来创建长方体、球体，同样通过BoxGeometry、SphereGeometry也可以用来分别创建长方体、球体。BoxBufferGeometry、…