Three.js
柠檬醉了星光
10几年程序员,从VR到unity游戏开发到threejs与前端。上班中,随缘更新吧。什么是人情世故,必须先要杀出一条血路才有人情世故。
展开
-
【Three.js】导出.GLTF和.GLB格式模型
glTF是一种用于有效传输和加载3D内容的开放格式规范。以JSON (.gltf)或二进制(.glb)格式提供。外部文件存储纹理(.jpg, .png)和额外的二进制数据(.bin)。一个glTF可以保存一个或多个场景,包括网格、材质、纹理、皮肤、骨骼、变形目标、动画、灯光和/或相机。原创 2022-10-08 11:39:42 · 5200 阅读 · 9 评论 -
【Three.js】ThreeBSP 差集、并集、交集,新版Three r140+
新版ThreeBSP。threejs r140+适用。查阅了很多文档都没有最新版本的索性自己改一下。直接把代码粘贴过去就可以使用。原创 2022-10-07 10:06:22 · 3509 阅读 · 15 评论 -
【Three.js】报警效果
赋上一张报警贴图(白色的):直接上代码: let texture = new THREE.TextureLoader().load("images/circle2White.png"); let material = new THREE.SpriteMaterial({ //创建精灵材质 map: texture, // 赋值贴图 color: "#ff0000", // 设置颜色 transparen.原创 2022-04-27 09:11:30 · 1963 阅读 · 7 评论 -
【Three.js】防护罩效果
制作思路:1.用Mesh创建一个几何体。2.加载一个图片,设置图片垂直循环。3.添加一个材质,把图片赋到材质里。3.每帧更新图片的偏移值。第一张gif的图片直接上代码: // 加载图片。这里的图片我使用的是项目的绝对路径,图片我放在public下。也可以使用相对路径../../xxx.png,../代表当前脚本父文件夹。如果没反应就查看下log看看是否图片没加载出来 let texture = new THREE.Te...原创 2022-04-25 20:00:00 · 897 阅读 · 0 评论 -
【Three.js】模型线条化
制作思路:1.加载模型。我用的是OBJ模型 官网API:https://threejs.org/docs/index.html?q=OBJLoader#examples/zh/loaders/OBJLoader2.给模型贴上透明材质3.使用EdgesGeometry创建这个模型描边数据。官网API:https://threejs.org/docs/index.html?q=EdgesGeometry#api/zh/geometries/EdgesGeometry...原创 2022-04-26 09:28:29 · 2614 阅读 · 5 评论