threejs学习笔记(10)_封装


demo地址:http://www.adanghome.com/js_demo/41/


====================================================

1)webgl的原生接口是不带阴影功能的,而threejs对阴影做了封装,简单设置几个参数就可以实现阴影了。

renderer.shadowMapEnabled = true;

light.castShadow = true;

cubeMesh.castShadow = true;

plane.receiveShadow = true; 


2)常见的材质有MeshNormalMaterial、MeshBasicMaterial、MeshLambertMaterial、MeshPhongMaterial这几种,材质和灯光有直接关系。其中normal不接收颜色参数,会自动生成颜色,并且不受灯光影响。basic可以接收颜色,也不受光线影响。lambert是漫反射材质,受光线影响。phong是高光高反射材质,受光线影响。


3)二维平面,形状用PlaneGeometry类。