分类:threejs

threejs

threejs 八叉树基本原理解释

threejs 八叉树基本原理解释
如果整个3D模型用一个长方体空间来表示,在三维空间xyz三个方向,都分割一次,这样就可以得到8个小的长方体子空间。 一个3D模型的三角形(项点)分布在三维空间中,如果你用一个长方体来表示整个3d场景,当你分割为8个子空间的时候,每个子空间可以包含对应的三角形(顶点)数据。 每个...

yekong 1年前 (2023-12-28) 喜欢

threejs让平面图在3d层面旋转

threejs让平面图在3d层面旋转
数据可视化大屏 开发过程中,需要图片在3d层面的点缀,今天我们来实现一张平面图如何在3d层面旋转。 准备一张图 我们首先准备一张平面图,这张图片各个角度要有差异,不能像一个圆环,不然转起来也看不出图片在旋转。 效果截图 动态效果 插件 "three": ...

yekong 1年前 (2023-12-21) 喜欢

threejs使用gsap实现相机飞行靠近观察设备

threejs使用gsap实现相机飞行靠近观察设备
threejs项目中,当模型很大的时候,我们观察模型的某个部位的细节时,就需要让相机靠近对应的区域以达到我们想要的效果,今天我们来实现这个效果。 threejs版本 使用到的threejs版本 "three": "^0.154.0", 演...

yekong 1年前 (2023-10-29) 喜欢

Three.js可视化企业实战WEBGL课 课程介绍

Three.js可视化企业实战WEBGL课 课程介绍
《Three.js可视化企业实战WEBGL课》课程一共有465节课程,课程时间长短不一,长的一节有60分钟,短的一节只有几分钟,平均下来一节大概有20分钟,总时长大概在90个小时。 课程价格 《Three.js可视化企业实战WEBGL课》课程价格为2880元,领取优惠劵后价格为...

yekong 1年前 (2023-10-26) 喜欢

threejs 全面讲解UV与应用

threejs 全面讲解UV与应用
今天要学习的是threejs 全面讲解UV与应用 threejs版本 使用到的threejs版本 "three": "^0.154.0", UV介绍 在三维图形中,UV映射(或UV贴图)是一种将二维纹理贴图应用到三维对象表面的技术。在这里...

yekong 1年前 (2023-10-26) 喜欢

threejs 加载gltf模型过程

threejs 加载gltf模型过程
今天要学习的是threejs 加载gltf模型和加载压缩过的模型,我们还可能会加载压缩后的模型:threejs 使用DRACOLoader加载draco压缩过的glb模型 threejs版本 使用到的threejs版本 "three": "^0.15...

yekong 1年前 (2023-10-25) 喜欢

threejs 补间动画Tween应用

threejs 补间动画Tween应用
今天要学习的是threejs 补间动画Tween应用 threejs版本 使用到的threejs版本 "three": "^0.154.0", 创建一个球 创建1个球体,为补间动画做准备 // 创建1个球 const sphere1 = new THREE.Mesh( ...

yekong 1年前 (2023-10-24) 喜欢

threejs 光线投射实现3d场景交互事件

threejs 光线投射实现3d场景交互事件
今天要学习的是threejs 光线投射实现3d场景交互事件,也就是我们常说的射线拾取。 我们通过点击三个球让其变为红色来实践光线投射。 threejs版本 使用到的threejs版本 "three": "^0.154.0", 创建三个球 创建三个球体,为后面的点击变色做准备。...

yekong 1年前 (2023-10-24) 喜欢