Three.js-文本 文字https://www.cnblogs.com/chencarl/p/11725091.html https://blog.csdn.net/towrabbit/article/details/80028485 缩放时文字大小不变: https://stackoverflow.com/questions/40446915/three-js-keep-label-size-on-zoom/404 2022-06-15 Three.js #Three.js
Three.js-工具 官方编辑器https://threejs.org/editor/ dat.UI通过dat.UI调试,不用每次都重新加载。 教程:https://zhuanlan.zhihu.com/p/47752059 stat.js https://github.com/mrdoob/stats.js/ Threebox:结合Mapbox做地图特效https://github.com/peterqliu/th 2022-06-15 Three.js #Three.js
Three.js-交互 交互Camera的lookAt与Control的冲突问题参考这个文章: 之所以直接修改camera的lookAt无效,是因为与controls的target起了冲突,所以我每次需要修改camera朝向时,顺便将controls的target也一并修改,问题就解决了: 1234let v = new THREE.Vector3(100, 0, 100)dragControls.target = vt 2022-06-15 Three.js #Three.js
Three.js-模型 模型下载网站sketchfab 在线制作和下载人物模型: https://readyplayer.me/hub 账号是邮箱,密码是Xxx19xxxxxx 在线模型调试编辑器https://threejs.org/editor/ 模型操控(值得一试,有完整流程)用React和Three.js做你的Avatar: https://blog.nourdinedev.com/how-to-render-3 2022-06-15 Three.js #Three.js
Three.js-Gallery 炫酷效果前三https://labs.lusion.co/ https://lusion.co/ 动画行走的人: https://sketchfab.com/3d-models/sci-fi-girl-v02-walkcycle-test-07ac452d75cc47969234b224422ea85d 这个人很犀利,也是边学边做,然后上传上来的,还是免费的;他在下面还写上了具体的制作工具。 2022-06-15 Three.js #Three.js
Three.js-物理 常用的是Three.js + Ammo.js的组合 资料rapier3D实现地形移动(用官方的机器人模型做的): three.js & rapier3D - Character Terrain Movement - YouTube 这是对应的github: GitHub - tamani-coding/threejs-rapier3d-character-terrain-move 2022-06-15 Three.js #Three.js
Three.js-着色器 Shader操控的是物体的表面。 似乎可以将Shader理解为装饰器模式。 Shader能干嘛?Shader中文翻译是着色器,从这个名字就可以看出来,其功能是着色。 作者:毛伟链接:https://www.zhihu.com/question/471183747/answer/2009491115来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 大部分shad 2022-06-15 Three.js #Three.js
Three.js-纹理 纹理贴图的类型与作用 图片 -> Texture -> Material 凹凸感凹凸贴图(灰度图):bumpMap 法向贴图:normalMap 移位贴图:displacementMap,会改变模型形状 阴影环境光遮挡贴图:aoMap 光照贴图:lightMap,可以产生假阴影 透明度Alpha贴图:alphaMap,控制物体表面的透明度 反光自发光贴图:emissiveMap,只影 2022-06-15 Three.js #Three.js
Three.js-粒子和精灵 案例粒子形变: https://mathis-biabiany.fr/ 教程实现粒子的三种方式: https://varun.ca/three-js-particles/ 实现粒子系统: Writing a Particle System (using Three.js) - YouTube 2022-06-15 Three.js #Three.js