可以直接去github github.com/1023byte/3Dmap 前言 threejs小练习，从头实现如何加载地理数据，并将其映射到三维场景中的对象上。 获取数据 在开始绘制图形前，需要一份包含地理信息数据，我们可以从阿...
threeJS
THREE.JS 处理模型透明度
要调整Three.js中模型的透明度，可以使用材质的transparent和opacity属性。下面是用GLTF模型作为示例，演示如何调整模型的透明度： const loader = new THREE.GLTFLoader(); loader.load('path/to/your/model.g...
blender导出GLB动画，导入threeJS动画错位的解决方法
在一个WEBGL项目里面，基于threeJS，需要使用到3D动画，在使用blender导出GLB的模型后，在电脑上面打开模型，可以看到动画！（模型涉密不展示） 但是在导入到WEB上面却发现，动画的部件都脱节了，发生了90°的X...
threeJS 导入STL模型后,使其平滑
导入模型的方法就不累赘叙述了.记录一下，备用！ 众说周知,STL模型是由很多个细小的三角形组成的,所以直接导入STL模型会有三角形的形状 在此前,可以通过这种方式平滑几何体的阴影 const tempGeo = new THR...
three.js 渲染调优，如何提升3d场景更逼真的渲染效果
three.js就不介绍了，本章内容主要讲解怎么渲染出更逼真的3d场景效果、渲染出更真实的图片。一般用了three.js的人都想把渲染效果做的更好， 最终效果受很多情况影响，比如材质、灯光、环境、模型质量，还需要...
Three.js 阴影条纹问题 shadow stripe
Three.js开启阴影经常会出现一些条纹，这个问题困扰了我很久，网上找到的解决方案一会有用一会又没用，本篇系统性地讨论下解决方案。 阴影条纹 我们创建阴影通常使用平行光： //开启阴影效果 ...
THREE.RGBELoader: unsupported type : 1009
在参考下面代码使用RGBELoader的时候报这个错误:THREE.RGBELoader: unsupported type : 1009,记录一下. // import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader'; const pmremGenerator = new ...
Three.js 实现 2022 冬奥主题 3D 趣味页面
背景 迎冬奥，一起向未来！2022冬奥会马上就要开始了，本文使用 Three.js + React 技术栈，实现冬日和奥运元素，制作了一个充满趣味和纪念意义的冬奥主题 3D 页面。本文涉及到的知识点主要包括：TorusGeometry ...