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

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

1 ThreeJS设置透明背景 ThreeJS可以模仿L2Dwidget.js看板娘的那种效果，我们可以渲染一个模型，然后将背景设置为透明，然后播放模型动画。 首先我们需要将场景的背景颜色设置为nul…
ThreeJS – 修复摄像机近距离模型或者摄像机在某些观察角度3D模型部分或者全部不可见的问题

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

1 3D模型在场景中部分或者全部不可见的问题描述 最近使用three.js在场景中显示gltf模型时候，当我使用THREE.OrbitControls操作摄像机想近距离观察gltf模型的时候发现一部分…
ThreeJS – 如何提升three.js的渲染效果？看完这篇你可能会有启发

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

相信很多使用three.js在web端进行场景渲染的朋友们一定会有和我一样的疑问。在Unity，UE4中渲染效果那么好的模型和场景放到three.js中为什么那么丑？ 我在有一段时间也曾经被这个问题困…
ThreeJS – 摄像机绕X轴、绕Y轴、绕Z轴旋转指定角度

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

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

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

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

ThreeJS – 使用自定义Shader

1 前言 在three.js已经预置了很多材质，比如MeshStandardMaterial、MeshPhongMaterial、MeshLambertMaterial等等，这些预置的材质其实在内部使…
ThreeJS – 使用Hdr环境贴图作为间接光照对模型进行渲染

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

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

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

1 获取当前使用的three.js的版本 我们可以使用 THREE.REVISION 输出当前项目中所使用的three.js的版本，在three.js中使用REVISION而不是VERSION表示版本…
WebGL/ThreeJS – 相关文档、教程网站

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

1 WebGL 文档 https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API 教程 https://webglfundamentals.o…
ThreeJS – 直接设置Fbx模型的某个关节的位移和旋转值

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

1 在ThreeJS中直接设置Fbx模型的某个关节的位移和旋转值 示例代码如下： fbxModel.traverse(function (child) { // 如果子节点为骨骼 if(child.i…
ThreeJS – three.moudle.js报Uncaught SyntaxError：Unexpected token ‘export‘错误

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

1 Uncaught SyntaxError：Unexpected token 'export' 在script语句块中引入threejs总是在浏览器的console中出现错误： three.moud…
ThreeJS – 动态更换fbx模型的某个子Mesh现有的纹理贴图为指定的纹理贴图

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

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

联系我

Email:stubbornhuang@qq.com

GitHub :  HW140701

CSDN :  HW140701

ComputerGraphicsQQGroupQrcode.png AIQQGroupQrcode.png

地球访客

资助我们

帮助StubbornHuang Blog继续发展下去

用支付宝或者微信扫描二维码

对站长进行赞助

支付宝赞助图片 微信赞助图片

金额随意，礼清义重

大家都在搜

关注我们的公众号

微信公众号