![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
threejs
Mr_Lan_
这个作者很懒,什么都没留下…
展开
-
threejs学习笔记--添加材质 灯光和阴影
//首先在场景里添加一个光源let spotLight = new THREE.spotLight(0x00ff00); //通过spotLight()方法创建一个光源spotLight.position.set(-40,60,-10); //灯光在这个位置照射场景scene.add(spotLight); //加入场景//调用MeshBasicMa原创 2018-01-04 13:47:41 · 2792 阅读 · 0 评论 -
threejs学习笔记--场景的基本组件
//雾化效果//0.015是近处属性的值,100是远处属性值,通过这两个属性来决定雾的开始地方,以及浓度加深的程度scene.fog = new THREE.Fog(0xffffff,0.015,100);//另一个方法 只给出颜色和浓度scene.fog = new THREE.FogExp2(0xffffff,0.015);//材质覆盖 场景中所有的物体都会使用同样的材质sce原创 2018-01-04 17:22:01 · 490 阅读 · 0 评论 -
threejs学习笔记--各种光源
/*** 光照(light) ***///基础光源,它的颜色会添加到整个场景和所有对象的当前颜色//在使用其他光源时同时使用AmbientLight,可以弱化阴影或添加一些颜色//用色应该尽量保守,颜色过亮会导致画面颜色很快饱和new THREE.AmbientLight(颜色); // 环境光(影响整个场景的光源)//可以只原创 2018-01-05 11:26:43 · 1668 阅读 · 0 评论 -
threejs学习笔记--材质
MeshBaseMaterial//(网格基础材质)//MeshBaseMaterial(网格基础材质)是一种非常简单的材质,这种材质不会考虑光照的影响。//使用这种材质网格备渲染成简单的平面多边形,可以用它赋予几何体一种简单的颜色,并且可以显示几何体的线框。MeshDepthMaterial//(网格深度材质)//MeshDepthMaterial(网格深度材质)使用该材质的物体的外观原创 2018-01-05 14:18:00 · 1399 阅读 · 0 评论 -
threejs学习笔记--使用几何体
/*** 几何形状 ***/new THREE.CubeGeometry(长, 宽, 高, 长的分割, 宽的分割, 高的分割); // 立方体new THREE.PlanGeometry(长,宽, 长的分割, 宽的分割); // 平面new THREE.Sph原创 2018-01-05 17:19:16 · 1264 阅读 · 0 评论