材质效果
半透明效果
给THTRR.MeshLambertMaterial()构造函数的参数,添加opacity和transparent属性,opacity表示透明度,transparent表示是够开启透明度效果,默认是false。
1 2 3 4 5
| var sphereMaterial=new THREE.MeshLambertMaterial({ color:0xff0000, opacity:0.7, transparent:true });
|
材质常见属性
| 材质属性 |
简介 |
| color |
材质颜色,比如蓝色0x0000ff |
| wireframe |
将几何图形渲染为线框。 默认值为false |
| opacity |
透明度设置,0表示完全透明,1表示完全不透明 |
| transparent |
是否开启透明,默认false |
添加高光效果
1 2 3 4 5
| var sphereMaterial = new THREE.MeshLambertMaterial({ color: 0x0000ff, specular: 0x4488ee, shininess:12 })
|
处在光照条件下的物体表面会发生光的反射现象,不同的表面粗糙度不同,宏观上来看对光的综合反射效果,可以使用两个反射模型来概括,一个是漫反射,一个是镜面反射, 使用渲染软件或绘画的时候都会提到一个高光的概念,其实说的就是物理光学中镜面反射产生的局部高亮效果。实际生活中的物体都是镜面反射和漫反射同时存在,只是哪个占得比例大而已, 比如树皮的表面更多以漫反射为主基本没有体现出镜面反射,比如一辆轿车的外表面在阳光下你会看到局部高亮的效果,这很简单汽车表面经过抛光等表面处理粗糙度非常低, 镜面反射效果明显,对于three.js而言漫反射、镜面反射分别对应两个构造函数MeshLambertMaterial()、MeshPhongMaterial().
材质类型