一、概念 3D世界的纹理由图片组成。将纹理以一定的规则映射到几何体上，一般是三角形上，那么这个几何体就有纹理皮肤了。 那么在threejs中，或者任何3D引擎中，纹理应该怎么来实现呢？首先应该有一个纹理类，其次是有一个加载图片的方法，将这张图片和这个纹理类捆绑起来。 在threejs中，纹理 ...

THREE.js开发的应用运行在iphone5下发现有些时候会崩溃，跟了几天发现是因为Sprite太多频繁更新纹理占用显存导致的。通常解决纹理频繁更新问题就要用到one draw all方法，放到纹理上就是把所有纹理图片生成一张大图片的方式。 一、阻止纹理重复上传 我们需要一张大纹理，先将所有 ...

需求： 1、使用一张长图、分别播放这张长图的不同位置 来达到动态内容的目的 解决方案： 1、纹理创建并指定重复方向：this.texture.wrapS = this.texture.wrapT = THREE.RepeatWrapping; 2、设定纹理显示范围（就是你的图片要显示的一格 ...

1、材质问题， 比如MeshNormalMaterial材质不可以 2、引入图片问题 3、渲染方法在图片加载之前调用了 这种错误最有可能，添加其他模型流程是同步的： 添加mesh----渲染 纹理图片添加是异步的： 添加mesh-->加载纹理图片--->渲染 ...

添加文字需要用到fontLoader,测试貌似只能异步。在success中回调。 对于中文字体，需要将ttf格式转换为json格式或者是js格式之后才能使用，不过一般转换之后的文件比较大。建议使用Fontmin工具先压缩字体。比如说快上线的时候使用就可以了。 转换格式的网站是:http ...

　　前面简单介绍了webGL和Three.js的背景以及照相机的设定，接下来介绍一些Three.js中的几何形状。 1.立方体 　　虽然这一形状的名字叫立方体（CubeGeometry），但它其实是长方体，也就是长宽高可以设置为不同的值。其构造函数是： 　　width ...

4.法向材质 　　法向材质可以将材质的颜色设置为其法向量的方向，有时候对于调试很有帮助。 　　法向材质的设定很简单，甚至不用设置任何参数： 　　材质的颜色与照相机与该物体的角度相关，下面我们只改变照相机位置，观察两个角度的颜色变化： 　　camera.position.set ...

目录 1. 概述 2. 方案 2.1. 开启反走样 2.2. 开启HiDPI设置 3. 结果 4. 参考 1. 概述 在three.js场景中，有时会遇到场景模糊，纹理失真的现象，似乎three.js并没有用到纹理图片 ...