ThreeJS 归档 - StubbornHuang Blog

L2Dwidget.js ThreeJS 看板娘透明背景

ThreeJS – 设置透明背景模仿L2Dwidget.js看板娘渲染效果

1 ThreeJS设置透明背景 ThreeJS可以模仿L2Dwidget.js看板娘的那种效果，我们可以渲染一个模型，然后将背景设置为透明，然后播放模型动画。首先我们需要将场景的背景颜色设置为nul…

StubbornHuang
ThreeJS
2022-09-27
370
0

ThreeJS 三维模型不可见三维模型消失

ThreeJS – 修复摄像机近距离模型或者摄像机在某些观察角度3D模型部分或者全部不可见的问题

1 3D模型在场景中部分或者全部不可见的问题描述最近使用three.js在场景中显示gltf模型时候，当我使用THREE.OrbitControls操作摄像机想近距离观察gltf模型的时候发现一部分…

StubbornHuang
ThreeJS
2022-09-24
360
0

ThreeJS 提升渲染效果

ThreeJS – 如何提升three.js的渲染效果？看完这篇你可能会有启发

相信很多使用three.js在web端进行场景渲染的朋友们一定会有和我一样的疑问。在Unity，UE4中渲染效果那么好的模型和场景放到three.js中为什么那么丑？我在有一段时间也曾经被这个问题困…

StubbornHuang
ThreeJS
2022-09-22
2,670
0

ThreeJS 相机绕X轴旋转绕Y轴旋转绕Z轴旋转

ThreeJS – 摄像机绕X轴、绕Y轴、绕Z轴旋转指定角度

1 ThreeJS摄像机绕X轴、绕Y轴、绕Z轴旋转指定角度在threejs中，如果我们想要摄像机绕某一个世界坐标轴旋转，比如绕Y轴旋转。我尝试过以下的方法 camera.rotateY(radian…

StubbornHuang
ThreeJS
2022-09-21
563
1

creating placeholder texture for FBXLoader: TGA loader not found ThreeJS

ThreeJS – FBXLoader: TGA loader not found, creating placeholder texture for …

1 Three.js出现FBXLoader: TGA loader not found, creating placeholder texture for...错误最近将之前项目中基于three.j…

StubbornHuang
ThreeJS
2022-09-16
492
0

Shader ThreeJS 自定义

ThreeJS – 使用自定义Shader

1 前言在three.js已经预置了很多材质，比如MeshStandardMaterial、MeshPhongMaterial、MeshLambertMaterial等等，这些预置的材质其实在内部使…

StubbornHuang
ThreeJS
2022-09-13
526
2

HDR ThreeJS 环境贴图间接光照

ThreeJS – 使用Hdr环境贴图作为间接光照对模型进行渲染

1 环境贴图环境贴图（Environment Map）看起来像是从场景中对象的角度拍摄的环境全景照片，水平方向覆盖360度，垂直方向覆盖180度或360度。环境贴图的作用类似于对象周围一般照明环境的…

StubbornHuang
ThreeJS
2022-09-08
1,123
3

ThreeJS 打印版本号获取

ThreeJS – 获取当前使用的three.js的版本

1 获取当前使用的three.js的版本我们可以使用 THREE.REVISION 输出当前项目中所使用的three.js的版本，在three.js中使用REVISION而不是VERSION表示版本…

StubbornHuang
ThreeJS
2022-09-08
336
0

ThreeJS WebGL 教程文档

WebGL/ThreeJS – 相关文档、教程网站

1 WebGL 文档 https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API 教程 https://webglfundamentals.o…

StubbornHuang
WebGL
2022-09-07
295
0

FBX ThreeJS 位移关节旋转

ThreeJS – 直接设置Fbx模型的某个关节的位移和旋转值

1 在ThreeJS中直接设置Fbx模型的某个关节的位移和旋转值示例代码如下： fbxModel.traverse(function (child) { // 如果子节点为骨骼 if(child.i…

StubbornHuang
ThreeJS
2021-05-14
1,649
0

SyntaxError ThreeJS Unexpected token 'export'

ThreeJS – three.moudle.js报Uncaught SyntaxError：Unexpected token ‘export‘错误

1 Uncaught SyntaxError：Unexpected token 'export' 在script语句块中引入threejs总是在浏览器的console中出现错误： three.moud…

StubbornHuang
ThreeJS
2021-05-08
1,787
0

FBX ThreeJS 更换贴图

ThreeJS – 动态更换fbx模型的某个子Mesh现有的纹理贴图为指定的纹理贴图

1 动态更换fbx模型的指定纹理贴图在使用ThreeJS中的FBXLoader的过程中，我们在有的时候只需要Fbx模型的网格信息，而每个网格的纹理我们想自己动态的指定，这在OpenGL中很简单，在T…

StubbornHuang
ThreeJS
2021-01-28
2,536
1

ThreeJS