three.js 之 透明物体不能正常显示
这几天遇到一个需求，类似这个案例：http://www.hightopo.com/demo/FaultDetection/ 就是这个透明渐变呼吸光柱，看到之后就想着写个shader材质实现透明度渐变，并随着时间微弱变化就好了，但是写完之后，透明部分的渲染却出了问题。 请先无视顶部纹理 ...
原文：Three.js Material transparent 两个透明物体的渲染问题
原本想用两个圆柱体实现盛满液体的玻璃容器效果，如实有了如下代码： 效果如下： what 效果不太对吧，里面绿色液体哪里去了 是不是透明造成的 修改一下试试看： 果然是transparent属性造成的，但是这样虽然显示出来绿色液体的，但液体缺无法体现透明度了。 为什么一个transparent物体内的 另一个transparent物体无法显示呢 这是因为Three.js中 WebGLRenderer ...
2020-06-28 18:10 1 800 推荐指数：
相关推荐
three.js的改变渲染物体大小的一些小心得
相机类型 three.js库里有两种相机：透视投影相机(Perspective Camera)和正交投影相机(Orthographic Camera)。两者的区别： 使用透视投影相机： 使用正交投影相机： 可以看出，使用正交投影相机渲染的小方块尺寸相同，方块与相机之间 ...
three.js 给物体添加图片
var skyBoxGeometry = new THREE.BoxGeometry( 5000, 5000, 5000 ); var texture = new THREE.TextureLoader().load("images/sky.jpg ...
three.js 设置透明度
原文：https://www.cnblogs.com/amy2011/p/6148736.html 材质： 材质就像物体的皮肤，决定了几何体的外表，例如是否像草地/金属，是否透明，是否显示线框等 Three.js提供了一个材质基类THREE.Material，该基类拥有 ...
超级容易理解的Three.js中的物体rotation
假设模特头朝着自己现在躺在地上 那么改变Y就是等于躺着转圈圈 mesh.rotation.set( 0,Math.PI/1.2,0); 改变X就意味着，这个是本来模特头朝着自己躺着，然后 ...
THREE.JS（如何想场景中添加物体对象）
这篇主要实现向模型对象中添加头像，并组成一个矩形 一、three.js是什么? 上篇说了点TWEEN这篇又来一根THREE是不是两兄弟啊？还真有点像，当想要做3D动画的时候，可能会考虑用TWEEN的动画函数。 其实THREE.JS就是实现3D效果的WEBGL的模型库。内容涵盖量大，目前的技术 ...
Three.js之绘制中文文字并跟随物体
本周更新的需求是物体上显示文字信息，效果图如下： 加载字体 import { FontLoader } from 'three/examples/jsm/loaders/FontLoader.js'; 坑1：中文的字体，three.js的案例中都是英文的，使用英文字体，中文 ...