threejs项目开发过程中,我们在渲染完模型后,需要在模型的特定位置添加文字标注。
首先我们需要处理模型,在特定的模型上添加网格模型,然后根据网格模型的名称进行定位。
这里我们用机房模型,使用blender在模型的特定坐标添加一个网格模型,名称设置为标注。
模型上添加特定名称的...
yekong
9个月前 (02-22)
喜欢
在 Three.js 中,面(也称为多边形)不仅限于三角形。虽然在 WebGL 和 Three.js 的底层渲染中,所有的多边形最终都会被分解成三角形,因为这是图形硬件所支持的原生形状,但是在 Three.js 的高级抽象中,你可以创建由多个顶点组成的多边形。
例如,THREE....
yekong
9个月前 (02-22)
喜欢
在 Three.js 中绘制一个三维的四分之一圆,你可以使用 THREE.CircleGeometry 来创建一个圆形几何体,然后通过修改其参数来得到四分之一圆的形状。以下是创建四分之一圆的基本步骤:
创建一个圆形几何体。
设置圆的半径。
通过设置 thetaStart 和 ...
yekong
9个月前 (02-22)
喜欢
数据获取
地铁线路图geoJson数据获取,手动获取我们需要的地铁线路数据。
threejs 实现流光线路图效果
动态效果
演示地址
threejs 实现流光线路图效果
实例代码
<script>
import * as THREE from 'three';
i...
yekong
9个月前 (02-18)
喜欢
threejs 3d机房渲染实例,给3d机房添加标注点,通过点击标注点,显示详细弹窗信息。
项目框架
vue3 + vite + js
项目运行环境
nodejs 16
threejs版本
"three": "^0.154.0",
thr...
yekong
10个月前 (01-27)
喜欢
在Three.js中,GLTFLoader的正确导入路径应该是'three/examples/jsm/loaders/GLTFLoader',而不是'three/addons/loaders/GLTFLoader'。这是因为在Three.js的最新版本中,所有的加载器和控制器都被...
yekong
10个月前 (01-26)
喜欢
使用threejs 实现波动光圈效果
演示效果
演示效果
引入图片资源
var material = new THREE.MeshBasicMaterial({
color: 0x00ffff,//设置光圈颜色
map: textureLoader.load('asse...
yekong
11个月前 (01-10)
喜欢
Three.js/WebGL系统课程3D可视化简介
当前视频课程很全面,一共724多个视频涵盖的范围很广包括了下面提到的案例,
WebGL入门教程
入门到精通
threejs视频教程-物联网Web3D可视化WebGL
threejs视频教程-案例一产品720展示(轿车、手机)
t...
yekong
11个月前 (12-31)
喜欢
在Three.js中,Vector3的点乘(Dot)是一种向量运算,用于计算两个三维向量的点积。其计算公式与Unity3D中的Vector3.Dot相同,对于向量 V1 = (x1, y1, z1) ,向量 V2 = (x2, y2, z2),向量A点乘向量 B的计算公式为: V...
yekong
11个月前 (12-31)
喜欢
如果整个3D模型用一个长方体空间来表示,在三维空间xyz三个方向,都分割一次,这样就可以得到8个小的长方体子空间。
一个3D模型的三角形(项点)分布在三维空间中,如果你用一个长方体来表示整个3d场景,当你分割为8个子空间的时候,每个子空间可以包含对应的三角形(顶点)数据。
每个...
yekong
11个月前 (12-28)
喜欢