如果整个3D模型用一个长方体空间来表示,在三维空间xyz三个方向,都分割一次,这样就可以得到8个小的长方体子空间。
一个3D模型的三角形(项点)分布在三维空间中,如果你用一个长方体来表示整个3d场景,当你分割为8个子空间的时候,每个子空间可以包含对应的三角形(顶点)数据。
每个...
yekong
1年前 (2023-12-28)
喜欢
数据可视化大屏 开发过程中,需要图片在3d层面的点缀,今天我们来实现一张平面图如何在3d层面旋转。
准备一张图
我们首先准备一张平面图,这张图片各个角度要有差异,不能像一个圆环,不然转起来也看不出图片在旋转。
效果截图
动态效果
插件
"three": ...
yekong
1年前 (2023-12-21)
喜欢
threejs项目中,当模型很大的时候,我们观察模型的某个部位的细节时,就需要让相机靠近对应的区域以达到我们想要的效果,今天我们来实现这个效果。
threejs版本
使用到的threejs版本
"three": "^0.154.0",
演...
yekong
1年前 (2023-10-29)
喜欢
《Three.js可视化企业实战WEBGL课》课程一共有465节课程,课程时间长短不一,长的一节有60分钟,短的一节只有几分钟,平均下来一节大概有20分钟,总时长大概在90个小时。
课程价格
《Three.js可视化企业实战WEBGL课》课程价格为2880元,领取优惠劵后价格为...
yekong
1年前 (2023-10-26)
喜欢
今天要学习的是threejs 全面讲解UV与应用
threejs版本
使用到的threejs版本
"three": "^0.154.0",
UV介绍
在三维图形中,UV映射(或UV贴图)是一种将二维纹理贴图应用到三维对象表面的技术。在这里...
yekong
1年前 (2023-10-26)
喜欢
今天要学习的是threejs 加载gltf模型和加载压缩过的模型,我们还可能会加载压缩后的模型:threejs 使用DRACOLoader加载draco压缩过的glb模型
threejs版本
使用到的threejs版本
"three": "^0.15...
yekong
1年前 (2023-10-25)
喜欢
今天要学习的是threejs 补间动画Tween应用
threejs版本
使用到的threejs版本
"three": "^0.154.0",
创建一个球
创建1个球体,为补间动画做准备
// 创建1个球
const sphere1 = new THREE.Mesh(
...
yekong
1年前 (2023-10-24)
喜欢
今天要学习的是threejs 光线投射实现3d场景交互事件,也就是我们常说的射线拾取。
我们通过点击三个球让其变为红色来实践光线投射。
threejs版本
使用到的threejs版本
"three": "^0.154.0",
创建三个球
创建三个球体,为后面的点击变色做准备。...
yekong
1年前 (2023-10-24)
喜欢
上一节我们学习了threejs 加载gltf模型过程,这一节我们学习使用DRACOLoader加载模型,首先我们需要简单的了解一下DRACO。
threejs版本
使用到的threejs版本
"three": "^0.154.0",
Draco介绍
Draco是一个用于压缩和...
yekong
1年前 (2023-10-24)
喜欢
threejs场景的线型雾和指数雾
threejs版本
"three": "^0.154.0",
threejs场景的线型雾
// 创建场景线性雾fox
scene.fog = new THREE.Fog(0x999999, 0.1, 5...
yekong
1年前 (2023-10-24)
喜欢