- 博客(7)
- 收藏
- 关注
RSS订阅原创 【Three.js】父物体移动旋转缩放子物体只移动
如果我有一个应用场景，父物体会旋转、缩放，只想让子物体大小为1，也不旋转呢？只跟随父物体移动，比如panel底下的特效、或者模型。销毁的时候不想单独调用子物体的销毁呢？可以把子物体放在场景中呀,不放在父物体下，每帧让它同步父物体的位置不就行了。我们都知道threejs通过add添加的子物体，父物体如果移动、旋转、缩放，子物体会跟随父物体。演示截图： parent（绿色的方框）在移动缩放旋转；child（3条线）只跟随parent移动。那我想让父物体持续移动呢，显然attach一次性的是不行的。
2024-09-12 10:42:12
297
原创 【Three.js】导出.GLTF和.GLB格式模型
glTF是一种用于有效传输和加载3D内容的开放格式规范。以JSON (.gltf)或二进制(.glb)格式提供。外部文件存储纹理(.jpg， .png)和额外的二进制数据(.bin)。一个glTF可以保存一个或多个场景，包括网格、材质、纹理、皮肤、骨骼、变形目标、动画、灯光和/或相机。
2022-10-08 11:39:42
5733
9
原创 【Three.js】ThreeBSP 差集、并集、交集，新版Three r140+
新版ThreeBSP。threejs r140+适用。查阅了很多文档都没有最新版本的索性自己改一下。直接把代码粘贴过去就可以使用。
2022-10-07 10:06:22
4030
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
2226
8
原创 【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
2871
5
原创 【Three.js】防护罩效果
制作思路：1.用Mesh创建一个几何体。2.加载一个图片，设置图片垂直循环。3.添加一个材质，把图片赋到材质里。3.每帧更新图片的偏移值。第一张gif的图片直接上代码： // 加载图片。这里的图片我使用的是项目的绝对路径，图片我放在public下。也可以使用相对路径../../xxx.png，../代表当前脚本父文件夹。如果没反应就查看下log看看是否图片没加载出来 let texture = new THREE.Te...
2022-04-25 20:00:00
1007
原创 听说javascript是世界上最好的语言
前言：思来想去想出一个关于Three.js内容，我是从2017年开始做Unity3D，当时在北京的一家独立游戏公司做游戏开发，2021年因为各种原因回到了老家（大连），刚刚开始的时候做U3D，之后因为公司的需要（我现在的公司大部分都是web的项目，发现U3D做web太重了，加载也很慢），所以改成了Three.js+Vue。因为有做U3D的基础，所以我当时学习ThreeJs的时候也不难，但也遇到我很多坑。相比C#而言Javascript更底层一点。1.学习初期为实现...
2022-04-25 19:45:00
3017
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人