今天学习透明度贴图
threejs版本
"three": "^0.154.0",
设置透明度贴图 alphaMap
首先创建一个平面，给平面设置一个颜色，并添加到场景中。
alpha貼图是—张灰度纹理，用于控制整个表而的不透明度。（黑色：...
yekong
1年前 (2023-10-24)
喜欢
今天学习给平面添加贴图效果
创建平面
首先创建一个平面，给平面设置一个颜色，并添加到场景中。
// 创建平面
var planeGeometry = new THREE.PlaneGeometry(1, 1);
// 给平面设置颜色
var planeMaterial = new...
yekong
1年前 (2023-10-23)
喜欢
立方缓冲几何体 BoxGeometry
BoxGeometry是四边形的原始几何类，它通常使用构造函数所提供的“width”、“height”、“depth”参数来创建立方体或者不规则四边形。
实例代码
const geometry = new THREE.BoxGeometr...
yekong
1年前 (2023-10-21)
喜欢
threejs为每个面设置不同的材质
一个面两个材质
创建两个材质，通过addGroup对顶点进行分组，然后将两个材质传进去，就得到了我们上面的效果。
// 创建几何体
const geometry = new THREE.BufferGeometry()
// 顶点坐标 顶点...
yekong
1年前 (2023-10-20)
喜欢
threejs中所有的面都是由三角形组成。
创建一个三角形
// 创建几何体
const geometry = new THREE.BufferGeometry()
// 顶点坐标 顶点有序 没三个为一个顶点 逆时针为正面
co...
yekong
1年前 (2023-10-19)
喜欢
three版本
"three": "^0.154.0",
演示地址
Three.js实现太阳系实例
threejs实现一个自转的地球
使用threejs绘制一个可以旋转的地球，为后面的太阳系做准备
threejs创建地球和太阳实例
使...
yekong
1年前 (2023-10-11)
喜欢
之前我们实现threejs实现地球围绕太阳公转轨道，接下来我们就可以绘制太阳系下面的其他行星了。
整理星球
首先我们需要整理星球，各个星球的纹理图，以及星球半径和公转半径，设置基本参数来控制星球半径和公转半径
data() {
return {
K:...
yekong
1年前 (2023-10-11)
喜欢
之前我们通过threejs创建地球和太阳实例，距离threejs创建太阳系近了一步，我们有了太阳有了地球，但是目前都是自转，我们需要让地球围绕太阳进行公转。
首先给星球添加标签
上一节，我们只是添加了星球，但是并没有给星球添加名称，这样不容易区分，所以这里我们需要添加一下名称，...
yekong
1年前 (2023-10-11)
喜欢
之前我们通过threejs创建了一个地球，距离threejs创建太阳系近了一步，今天我们在之前的基础上增加一个太阳。
上一节我们已经创建了一个地球，那么这一节我们只需要再增加一个太阳就可以了。我们对上一节的代码进行一下封装，我们将创建网格模型的方法进行封装，3个参数单独分离出来...
yekong
1年前 (2023-10-11)
喜欢
数据可视化大屏项目开发中，会遇到一些效果需要，比如实现一个太阳系的效果，或者实现一个地球自转的效果，今天通过threejs来实现一个地球自转的效果实例。
项目是使用vue+vite来开发的，所以首先我们需要安装一下threejs
安装threejs依赖
pnpm i three...
yekong
1年前 (2023-10-11)
喜欢
