在进行复杂的3d地图构建前，我们需要先学习简单的构建，比如通过几个点构建一个轮廓。
threejs版本
当前笔记使用threejs版本号
"three": "^0.154.0",
实例演示地址
几何体顶点和Line的渲染
效果截图
构...
yekong
9个月前 (08-09) 325℃
0喜欢
THREE.LineBasicMaterial 是 Three.js 中用于渲染线段的基本材质类型。它支持简单的颜色和透明度设置，但不支持更复杂的效果，如纹理或光照。
参数
以下是 THREE.LineBasicMaterial 的主要参数：
color: (类型: THREE...
yekong
9个月前 (08-09) 324℃
0喜欢
THREE.LineLoop 是 Three.js 中的一个类，用于表示闭合的线条。与 THREE.Line 类似，但在首尾顶点之间添加了一个额外的线段，使线条闭合。
参数
与 THREE.Line 类似，THREE.LineLoop 的构造函数接受以下参数：
geometry...
yekong
9个月前 (08-09) 332℃
0喜欢
THREE.Line 和 THREE.LineLoop 都用于在 Three.js 中渲染线条，但它们之间有一些关键区别。
相同点
几何体和材质: 两者都使用几何体（例如 THREE.BufferGeometry 或 THREE.Geometry）和材质（例如 THREE.L...
yekong
9个月前 (08-09) 236℃
0喜欢
THREE.Line 是 Three.js 中用于表示线段的对象。可以用来创建简单的线段、连续的线段或者闭合的线段。下面是一些主要的参数以及使用 THREE.Line 的实例。
参数
geometry: 线段的几何体，通常使用 THREE.BufferGeometry 或 TH...
yekong
9个月前 (08-09) 322℃
0喜欢
Three.js 中的 OrbitControls 是一个用于相机控制的便捷类，它允许用户通过鼠标或触摸输入进行旋转、缩放和平移操作。以下是默认情况下各个鼠标按钮可以执行的操作：
左键（鼠标左键单击并拖动）：
旋转：允许您围绕目标点旋转相机。这通常用于观察场景中的不同角度。...
yekong
9个月前 (08-09) 353℃
0喜欢
threejs项目开发中，我们需要一些运动效果，比如这里我们让模型围绕y轴进行旋转。
动态效果
threejs版本
"three": "^0.154.0",
实例演示地址
threejs 渲染循环动画
让模型旋转
我们可以通过rota...
yekong
9个月前 (08-09) 380℃
0喜欢
《地图Web3D可视化-WebGL/Three.js》课程一共有40节课程，课程时间长短不一.
课程价格
《地图Web3D可视化-WebGL/Three.js》课程价格为149元
购买课程可以联系本人，购买有折扣。不提供盗版教程，不卖账号。
如果你购买了《WebGL/Three....
yekong
10个月前 (08-04) 1243℃
0喜欢
使用threejs来渲染一个基础效果。因为自己一直是用vue开发项目，所以项目框架选为vue vite js nodejs 14
安装依赖
pnpm i three
版本选择
既然要学就选择最新版本，2023年08月02日，threejs的最新版本是155,但是在项目开发过程...
yekong
10个月前 (08-04) 306℃
0喜欢
在通过Three.js实现一个基础渲染代码中，我对代码做了调整，让其可以随着div窗口大小进行适配调整。
安装依赖
pnpm i three
版本选择
"three": "^0.154.0",
实例演示地址
threejs 渲染非全屏(相机和渲染器)自定义画布大小
手动指...
yekong
10个月前 (08-04) 372℃
1喜欢
