lgldl的博客

https://cpetry.github.io/NormalMap-Online/在线制作网站

前言使用前端three.js加载3d模型过程中，往往会出现模型大小过大导致前端加载时间过长，降低用户体验。本文所记录的是笔者在使用gltf-pipeline压缩3d模型中踩坑DRACOLoader与解决的一个过程。所采用的three库版本为 ^0.138.2解决方案与介绍通过gltf-pipeline可以大幅度压缩gltf/glb模型文件。并且有如下的作用将 glTF 转换为 glb（和反向）将缓冲区/纹理保存为嵌入或单独的文件将 glTF 1.0 模型转换为 glTF 2.0（使用KH

标题three.js开启抗锯齿renderer = new THREE.WebGLRenderer( { antialias: true });抗锯齿前抗锯齿后可以看到画质提升了不少

Three.js AnimationMixer.setTimeapi解释.setTime (timeInSeconds : Number) : AnimationMixer设置全局混合器到一个给定的时间，并相应地更新动画。当你需要在一个动画里跳转到一个精确的时间，该函数将是十分有用的。输入的参数将会被混合器的timeScale进行缩放。使用例子：const mixer = new THREE.AnimationMixer( mesh );mixer.clipAction( gltf.anima

three.js材质反面不可见的问题在声明材质时加入side:THREE.DoubleSide(默认为THREE.FrontSide。其他选项有THREE.BackSide（背面）和THREE.DoubleSide（双面）。) new THREE.MeshBasicMaterial({color:0xffffff,wireframe:false,side:THREE.DoubleSide})加入前加入后...