标签:threejs

threejs

threejs 修改模型材质颜色Color对象

threejs 修改模型材质颜色Color对象
通过查询文档来实现材质颜色的修改。这次观看的threejs视频教程 老师教授的是如果通过查询文档来实现材质颜色的修改,主要讲的是查询文档。但是通过文本不好写查询文档的过程,所这里只写实现代码. 创建颜色对象 // 创建颜色对象 const color = new THREE.Co...

yekong 2年前 (2023-02-08) 喜欢

threejs

threejs 修改3d地图高度

threejs 修改3d地图高度
昨天有访客询问threejs 3d地图修改高度的问题,访客不想要这种高低不平的效果,而是希望地图能够一样平整,地图的高度是通过depth来控制的,我们直接搜索代码中这个字段将其统一成我们需要的数字就可以了。 修改3d地图高度前 修改3d地图高度后 ...

yekong 2年前 (2023-02-08) 喜欢

threejs

threejs 高光网格材质MeshPhongMaterial

threejs 高光网格材质MeshPhongMaterial
threejs 高光网格材质MeshPhongMaterial受光照影响。 MeshPhongMaterial 可以实现MeshLambertMaterial 不能实现的高光反射效果。对于 高光效果,你可以想象一下,你在太阳下面观察一辆车,你会发现在特定角度和位置,你可以看到车表...

yekong 2年前 (2023-02-07) 喜欢

threejs

threejs 平面单面可见和双面可见

threejs 平面单面可见和双面可见
threejs 平面图形,默认正面可以看到背面看不到。我们可以通过side进行设置 单面可见 通过side:THREE.FrontSide设置单面可见 // 创建圆形平面 const geometry = new THREE.CircleGeometry(50) // 创建对象材...

yekong 2年前 (2023-02-07) 喜欢

threejs

threejs 光源对物体表面影响

threejs 光源对物体表面影响
实际生活中物体表面的明暗效果是会受到光照的影响,threejs中同样也要模拟光照Light对网格模型Mesh表面的影响。 受光照影响材质 threejs提供的网格材质,有的受光照影响,有的不受光照影响。 不受光照影响的材质 基础网格材质MeshBasicMaterial不会受到光...

yekong 2年前 (2023-02-04) 喜欢

threejs

threejs三维坐标系

threejs三维坐标系
添加坐标辅助 通过THREE.AxesHelper()添加坐标辅助工具。初始化一个坐标辅助工具,这里只需要一个参数就是辅助器各个线的长度。 参数 AxesHelper( size : Number ) size -- (可选的) 表示代表轴的线段长度. 默认为 1. 创建辅助坐标...

yekong 2年前 (2023-02-04) 喜欢

threejs

threejs创建渲染器

threejs创建渲染器
生活中如果有了景物和相机,那么如果想获得一张照片,就需要你拿着相机,按一下,咔,完成拍照。对于threejs而言,如果完成“咔”这个拍照动作,就需要一个新的对象,也就是WebGL渲染器WebGLRenderer。 前面我们创建了场景,创建了透视相机,本节我们创建渲染器来完成最终的...

yekong 2年前 (2023-02-04) 喜欢

threejs

threejs创建透视相机

threejs创建透视相机
之前我们实践了Threejs创建场景,如果想把三维场景Scene渲染到web网页上,还需要创建透视相机,就像你生活中想获得一张照片,需要一台用来拍照的相机。 Threejs提供了正投影相机OrthographicCamera和透视投影相机PerspectiveCamera。这里我...

yekong 2年前 (2023-02-03) 喜欢

threejs

threejs创建场景

threejs创建场景
三维场景Scene threejs创建场景,可以把threejs的三维场景Scene理解为一个世界,只不过我们生活的世界是真实的,而threejs是虚拟的3d世界而已。 threejs提供了一个类:Scene,用Scene实例化出来的对象就可以表示三维场景。 引入threejs ...

yekong 2年前 (2023-02-03) 喜欢