JS/THREE.js
艾黎先生
这个作者很懒,什么都没留下…
展开
-
THREEJS-r145版本解决UnrealBloomPass导致透明度失效的问题
threejs使用UnrealBloomPass后处理导致场景透明度丢失问题解决原创 2022-10-27 11:16:44 · 1031 阅读 · 0 评论 -
THREE.VideoTexture失效的问题
最近发现之前用THREE.VideoTexture在模型网格上渲染视频的方法在一些机型上失效了,原因未知,主要在微信里。而且前几天还没有什么问题。尝试了各种方法后也只能选择用一个笨方法代替:首先将视频绘制在canvas上,然后用THREE.CanvasTexture作为纹理,当然视频需要设置x5-video-player-type="h5-page"。...原创 2020-05-29 15:43:35 · 1110 阅读 · 1 评论 -
THREE.js控制器OrbitControls控制物体旋转
因为OrbitControls控制器控制的是相机移动,移动后旋转的也是相机,观察物体时移动后旋转会跑到其他位置,做了一点小修改使之变为物体自身旋转。THREE.OrbitControls = function (object, domElement) { this.object = object; var model = null; this.model = model...原创 2020-03-23 15:12:04 · 4454 阅读 · 6 评论 -
THREE.js depthTest遮挡问题
在使用THREE.js的粒子系统时经常发现一个问题,就是前面的粒子会将后面的遮挡住,有一块方形的透明原创 2019-08-28 16:21:28 · 5629 阅读 · 0 评论 -
THREE.js移动端全景视频
创建video var video = document.createElement('video'); video.width = window.innerWidth; video.height = window.innerHeight; video.loop = true; //预加载 ...原创 2019-06-11 11:14:12 · 2178 阅读 · 6 评论 -
THREE.js模型贴图不显示
THREE.js加载模型有时候贴图加载不出来,材质出现问题,整个模型为黑色,手动加载一个新的材质贴图即可,代码如下 var loader = new THREE.TextureLoader();var texture = loader.load('xxx.png', function () { });//material 类型自己选择var material = new THREE.Mes...原创 2019-06-11 10:14:37 · 6806 阅读 · 8 评论 -
可以暂停的setTimeout
function Timer(callback, delay) { var timerId, start, remaining = delay; this.pause = function () { window.clearTimeout(timerId); remaining -= new Date() - ...原创 2019-06-11 10:02:51 · 3383 阅读 · 1 评论 -
THREE.js根据模型加载粒子
//使用canvas生成粒子的纹理 function generateSprite() { var canvas = document.createElement('canvas'); canvas.width = 16; canvas.height = 16; var context = canvas.getContext(...原创 2019-06-11 11:26:20 · 692 阅读 · 0 评论