
three.js
mxclsh
这个作者很懒,什么都没留下…
展开
-
three 蒙皮动画核心过程
简介: 蒙皮动画:通过模拟人的运动来模拟3D物体的动画,游戏中也经常使用。制作蒙皮动画的主要过程和注意点:1. 制作蒙皮骨骼: var material = new THREE.MeshBasicMaterial({color: 0xfff000,wireframe:true,...转载 2019-04-09 14:11:23 · 378 阅读 · 0 评论 -
正片叠低后图像边缘有白边
在做项目的时候,要做一个正片叠低的效果,当做完后发现一个不可思议的效果。图片边缘有描边,如下最后在webglRender中添加了该属性后, var renderer = new THREE.WebGLRenderer({premultipliedAlpha: false}) 后完美解决,解决后效果如下那么这个属性到底是干什么呢,,下面是我的一些理解:premultipleliedAlp...转载 2019-04-09 14:14:29 · 556 阅读 · 0 评论 -
ajax bufferarray three中loader的实现原理
ajax的返回数据的类型有五中,,在研究three的loader的时候,突然发现ajax返回的数据还有arrayBuffer数据类型,以前我只知道返回文本,,于是我查阅资料,总结了一下,,以下是我的总结:responseType的值如下五中:《1》“ ”和 "text" 字符创(默认)&nb...转载 2019-04-09 14:16:18 · 355 阅读 · 0 评论 -
texture中的 anisotropy属性,纹理的各向异性
定义:anisotropy: 沿通过具有最高纹理像素密度的像素的坐标轴取样的数量。默认情况下,此值为1.较高的值会产生比基本mipmap更少的模糊结果,但需要使用更多纹理样本。使用renderer.getMaxAnisotropy()来查找GPU的最大有效各向异性值; 这个值通常是2的幂。这样能实现什么效果呢:如果大家想让物体缩小的时候,任然比较清晰,可...转载 2019-04-09 14:31:54 · 1712 阅读 · 0 评论 -
three 中 shadow的常用参数
当我们投射阴影的时候如果想调节阴影的清晰度:可以将 shadow.mapSize 设置为更大的值: light.shadow.map.width = light.shadow.map.height = 1024 // 还可以选的值 128,256,512,2048等当我们投射阴影的时候如果想调节阴影的大小...转载 2019-04-09 14:39:59 · 1730 阅读 · 0 评论 -
为什么three中position,scale,rotation, quaternion, modelViewMatrix ,normalMatrix 等属性 直接修改属性值失败
在以前做项目的时候,我想改一个Mesh的顶点值为鼠标点击的坐标,直接设置设置失败,原因是这样的,以下是源码:Object3D 对象中:Object.defineProperties( this, { position: { enumerable: true, value: position }, rotation: { ...转载 2019-04-09 14:44:17 · 650 阅读 · 0 评论