上一节我们学习了threejs 加载gltf模型过程,这一节我们学习使用DRACOLoader加载模型,首先我们需要简单的了解一下DRACO。
threejs版本
使用到的threejs版本
"three": "^0.154.0",
Draco介绍
Draco是一个用于压缩和...
yekong
6个月前 (10-24) 685℃
0喜欢
threejs场景的线型雾和指数雾
threejs版本
"three": "^0.154.0",
threejs场景的线型雾
// 创建场景线性雾fox
scene.fog = new THREE.Fog(0x999999, 0.1, 5...
yekong
6个月前 (10-24) 190℃
0喜欢
纹理的颜色空间
threejs版本
"three": "^0.154.0",
在Three.js中,颜色空间(color space)是一个重要的概念,它描述了如何在计算机中表示和处理颜色。颜色空间的选择会影响到最终渲染结果的颜色表现。...
yekong
6个月前 (10-24) 273℃
0喜欢
今天学习透明度贴图
threejs版本
"three": "^0.154.0",
设置透明度贴图 alphaMap
首先创建一个平面,给平面设置一个颜色,并添加到场景中。
alpha貼图是—张灰度纹理,用于控制整个表而的不透明度。(黑色:...
yekong
6个月前 (10-24) 465℃
0喜欢
今天学习给平面添加贴图效果
创建平面
首先创建一个平面,给平面设置一个颜色,并添加到场景中。
// 创建平面
var planeGeometry = new THREE.PlaneGeometry(1, 1);
// 给平面设置颜色
var planeMaterial = new...
yekong
6个月前 (10-23) 157℃
0喜欢
立方缓冲几何体 BoxGeometry
BoxGeometry是四边形的原始几何类,它通常使用构造函数所提供的“width”、“height”、“depth”参数来创建立方体或者不规则四边形。
实例代码
const geometry = new THREE.BoxGeometr...
yekong
6个月前 (10-21) 224℃
0喜欢
threejs为每个面设置不同的材质
一个面两个材质
创建两个材质,通过addGroup对顶点进行分组,然后将两个材质传进去,就得到了我们上面的效果。
// 创建几何体
const geometry = new THREE.BufferGeometry()
// 顶点坐标 顶点...
yekong
6个月前 (10-20) 211℃
0喜欢
threejs中所有的面都是由三角形组成。
创建一个三角形
// 创建几何体
const geometry = new THREE.BufferGeometry()
// 顶点坐标 顶点有序 没三个为一个顶点 逆时针为正面
co...
yekong
6个月前 (10-19) 187℃
0喜欢
之前的一个数据可视化大屏 项目开发中,有一个要求是需要进行3d环绕旋转的效果,这个效果之前有个案例demo中看到过,是通过css的matrix3d方式实现的,css实现方式,但是这个demo的css太长了,如果按照这个来写的话,实在是困难,首先每一个的css都特别长,写10几个的...
yekong
7个月前 (10-11) 1311℃
0喜欢
three版本
"three": "^0.154.0",
演示地址
Three.js实现太阳系实例
threejs实现一个自转的地球
使用threejs绘制一个可以旋转的地球,为后面的太阳系做准备
threejs创建地球和太阳实例
使...
yekong
7个月前 (10-11) 885℃
0喜欢