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类。