分类:threejs

threejs

threejs 三维向量 Vector3 向量点乘dot

threejs 三维向量 Vector3 向量点乘dot
在Three.js中,Vector3的点乘(Dot)是一种向量运算,用于计算两个三维向量的点积。其计算公式与Unity3D中的Vector3.Dot相同,对于向量 V1 = (x1, y1, z1) ,向量 V2 = (x2, y2, z2),向量A点乘向量 B的计算公式为: V...

yekong 4个月前 (12-31) 142℃ 0喜欢

threejs 八叉树基本原理解释

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

yekong 4个月前 (12-28) 169℃ 0喜欢

threejs 3d旋转的图片效果

threejs 3d旋转的图片效果
数据可视化大屏 开发过程中,有一个装饰图片,想着增加点3d效果,于是使用threejs渲染出来了,让其在3d层面自旋转。 效果截图 动态效果 实例代码 <script> import * as THREE from "three"; impor...

yekong 4个月前 (12-21) 538℃ 0喜欢

threejs实例效果汇总

threejs实例效果汇总
threejs 3d机房点按钮,相机飞行靠近观察设备 效果演示: threejs 3d机房点按钮,相机飞行靠近观察设备 效果截图: threejs 3d环绕效果实例实例 效果演示: threejs 3d环绕效果实例实例 效果截图: Three.js实现太阳系实例 效果演示: ...

yekong 6个月前 (10-29) 773℃ 0喜欢

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

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

yekong 6个月前 (10-29) 406℃ 1喜欢

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

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

yekong 6个月前 (10-26) 2970℃ 0喜欢

threejs 全面讲解UV与应用

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

yekong 6个月前 (10-26) 254℃ 0喜欢

threejs 加载gltf模型过程

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

yekong 6个月前 (10-25) 355℃ 0喜欢

threejs 补间动画Tween应用

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

yekong 6个月前 (10-24) 328℃ 0喜欢

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

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

yekong 6个月前 (10-24) 244℃ 0喜欢