分类:threejs

threejs

threejs 使用DRACOLoader加载draco压缩过的glb模型

threejs 使用DRACOLoader加载draco压缩过的glb模型
上一节我们学习了threejs 加载gltf模型过程,这一节我们学习使用DRACOLoader加载模型,首先我们需要简单的了解一下DRACO。 threejs版本 使用到的threejs版本 "three": "^0.154.0", Draco介绍 Draco是一个用于压缩和...

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

threejs纹理的颜色空间

threejs纹理的颜色空间
纹理的颜色空间 threejs版本 "three": "^0.154.0", 在Three.js中,颜色空间(color space)是一个重要的概念,它描述了如何在计算机中表示和处理颜色。颜色空间的选择会影响到最终渲染结果的颜色表现。...

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

threejs贴图的加载与环境遮蔽贴图强度设置

threejs贴图的加载与环境遮蔽贴图强度设置
今天学习给平面添加贴图效果 创建平面 首先创建一个平面,给平面设置一个颜色,并添加到场景中。 // 创建平面 var planeGeometry = new THREE.PlaneGeometry(1, 1); // 给平面设置颜色 var planeMaterial = new...

yekong 6个月前 (10-23) 157℃ 0喜欢

threejs常见几何体有哪些?

threejs常见几何体有哪些?
立方缓冲几何体 BoxGeometry BoxGeometry是四边形的原始几何类,它通常使用构造函数所提供的“width”、“height”、“depth”参数来创建立方体或者不规则四边形。 实例代码 const geometry = new THREE.BoxGeometr...

yekong 6个月前 (10-21) 224℃ 0喜欢

threejs 几何体划分顶点组设置不同材质

threejs 几何体划分顶点组设置不同材质
threejs为每个面设置不同的材质 一个面两个材质 创建两个材质,通过addGroup对顶点进行分组,然后将两个材质传进去,就得到了我们上面的效果。 // 创建几何体 const geometry = new THREE.BufferGeometry() // 顶点坐标 顶点...

yekong 6个月前 (10-20) 211℃ 0喜欢

threejs 3d环绕旋转动画效果实例

threejs 3d环绕旋转动画效果实例
之前的一个数据可视化大屏 项目开发中,有一个要求是需要进行3d环绕旋转的效果,这个效果之前有个案例demo中看到过,是通过css的matrix3d方式实现的,css实现方式,但是这个demo的css太长了,如果按照这个来写的话,实在是困难,首先每一个的css都特别长,写10几个的...

yekong 7个月前 (10-11) 1311℃ 0喜欢

Three.js实现太阳系实例

Three.js实现太阳系实例
three版本 "three": "^0.154.0", 演示地址 Three.js实现太阳系实例 threejs实现一个自转的地球 使用threejs绘制一个可以旋转的地球,为后面的太阳系做准备 threejs创建地球和太阳实例 使...

yekong 7个月前 (10-11) 885℃ 0喜欢