Away3D基础教程（三）：三维世界的灯光

目前Away3D 4.0中提供两种光源

DirectionalLight(平行投射光源):这货可以用来模拟探照灯,或是月光透过窗户的效果
PointLight(点光源):这是最常用到的,我们可以用它来模拟太阳,月亮,或是台灯的灯炮

平行投射光的创建方法为

var _directionalLight:DirectionalLight=new DirectionalLight();

_directionalLight的构造函数里三个值 用来描述平行光的方向 x y z 其范围都为 -1 到1，这里参数留空用的是默认值。

 

PointLight经常用来模拟我们生活中的 蜡烛 灯泡这样的小型光源。

var _pointLight:PointLight=new PointLight();

点光源不存在方向问题。

 

在3D世界里 我们通常不会只用一盏灯去模拟所有的光源。Away3d这里为我们提供了一个StaticLightPicker方法。我们可以将所有灯光放置于这个灯光容器里。代码：

var _light:StaticLightPicker=new StaticLightPicker([_directionalLight,_pointLight]);  

 

然后我们需要将灯光运用在这个世界里，模型的贴图可以受到光的影响 不管是TextureMaterial还是ColorMaterial都有lightPicker属性。我们只需要将StaticLightPicker类型对象赋予给它即可例如 ：

_planeMesh.material.lightPicker = _light;

_cubeMesh.material.lightPicker = _light;

这样我们的模型就可以受到光照的影响了

 

我们可以建立个plane做地面来打开阴影 这样感觉就更酷了。阴影的添加方式是
_planeMaterial.shadowMethod = new FilteredShadowMapMethod(_directionalLight);

此例在Away3D基础教程（一）的基础上添加了Cube模型、灯光和影子效果：效果演示如下：

 

完整代码：

package  

{

    import away3d.containers.View3D;

    import away3d.entities.Mesh;

    import away3d.events.MouseEvent3D;

    import away3d.lights.DirectionalLight;

    import away3d.lights.PointLight;

    import away3d.materials.ColorMaterial;

    import away3d.materials.lightpickers.StaticLightPicker;

    import away3d.materials.methods.FilteredShadowMapMethod;

    import away3d.materials.TextureMaterial;

    import away3d.primitives.CubeGeometry;

    import away3d.primitives.PlaneGeometry;

    import away3d.primitives.SphereGeometry;

    import flash.display.Sprite;

    import flash.events.Event;

    import flash.events.MouseEvent;

    import flash.geom.Vector3D;

    import flash.display.*;

    import away3d.utils.Cast;

    

    /**

     * ...

     * @author yl

     */

    [SWF(width='800',height='600',frameRate="60", backgroundColor="0x000000")]

    public class MyAway3d_1 extends Sprite 

    {

        //floor的贴图图片

        [Embed(source = "../embeds/myAway3d_1.jpg")]

        private static var FloorMaterial:Class;

        //声明视口

        private var _view:View3D;

        //声明平面几何对象

        private var _planeGeometry:PlaneGeometry;

        //声明平面对象的贴图

        private var _planeMaterial:TextureMaterial;

        //声明平面几何对象的容器

        private var _planeMesh:Mesh;

        //控制旋转方向的变量

        private var _direction:Boolean;

        //声明cube对象

        private var _cubeGeometry:CubeGeometry;

        //声明cube对象容器

        private var _cubeMesh:Mesh;

        

        //灯光

        private var _directionalLight:DirectionalLight;

        private var _pointLight:PointLight;

        //灯光容器

        private var _light:StaticLightPicker;

        

        public function MyAway3d_1() 

        {

            //侦听舞台初始化完毕

            if (stage) {

                init();

            }else {

                this.addEventListener(Event.ADDED_TO_STAGE, init);

            }

        }


　　　　 private function init(e:Event=null):void {

            //trace("舞台初始化完成！");

            //设置舞台缩放模式和对齐方式

            stage.scaleMode = StageScaleMode.NO_SCALE;

            stage.align = StageAlign.TOP_LEFT;

            this.removeEventListener(Event.ADDED_TO_STAGE, init);

                        

            //实例化视口

            _view = new View3D();

            addChild(_view);

            //设置抗锯齿参数

            _view.antiAlias = 6;

            

            //实例化一个长宽都是300的平面对象

            _planeGeometry = new PlaneGeometry(300, 300);

            //实例化贴图对象

            _planeMaterial = new TextureMaterial(Cast.bitmapTexture(FloorMaterial));

            //实例化平面几何对象的容器，第一个参数是平面几何对象，第二个参数是贴图数据

            _planeMesh = new Mesh(_planeGeometry, _planeMaterial);

            //设置容器可交互

            _planeMesh.mouseEnabled = true;

            //容器侦听鼠标点击事件

            _planeMesh.addEventListener(MouseEvent3D.CLICK, clickHandler);

            

            //将容器添加到视口的场景中

            _view.scene.addChild(_planeMesh);

            

            _cubeGeometry = new CubeGeometry();

            _cubeMesh = new Mesh(_cubeGeometry, new ColorMaterial(0xcccccc));

            _cubeMesh.mouseEnabled = true;

            _cubeMesh.y = 150;

            _cubeMesh.z = -40;

            _view.scene.addChild(_cubeMesh);

            

            //添加平行光源

            _directionalLight = new DirectionalLight();

            _directionalLight.diffuse = .8;

            _directionalLight.ambient = .3;

            _directionalLight.castsShadows = true;

            

            //添加点光源

            _pointLight = new PointLight();

            _pointLight.ambient = 0.4;

            //_pointLight.diffuse = 10;

            

            //实例化灯光容器

            _light = new StaticLightPicker([_directionalLight,_pointLight]);

            

            //给地面添加阴影效果

            _planeMaterial.shadowMethod = new FilteredShadowMapMethod(_directionalLight);

            

            //给两个模型的材质添加灯光

            _planeMesh.material.lightPicker = _light;

            _cubeMesh.material.lightPicker = _light;

            

            //将灯光添加到场景

            _view.scene.addChild(_directionalLight);

            

            //设置摄像机的位置

            _view.camera.z = -400;

            _view.camera.y = 260;    //可以把这个值改成1试试看，这样可以有更加直观的感受

            //_view.camera.x = 90;

            //设置摄像机始终指向平面

            _view.camera.lookAt(_planeMesh.position);

            //_view.camera.lookAt(new Vector3D());

            

            this.addEventListener(Event.ENTER_FRAME, onEnterFrame);

            stage.addEventListener(Event.RESIZE, onResize);

            onResize();

        }

        

        private function clickHandler(e:MouseEvent3D):void {

            //鼠标点击变换运动方向

            _direction = !_direction;

        }

        

        private function onResize(e:Event = null):void {

            //调整视口尺寸以适应新的窗口大小

            _view.width = stage.stageWidth;

            _view.height = stage.stageHeight;

        }

        

        private function onEnterFrame(e:Event):void {

            //判断方向旋转

            _cubeMesh.rotationX += 1;

            _cubeMesh.rotationY += 1;

            if (!_direction) {

                _planeMesh.rotationY += 1;

            }else {

                _planeMesh.rotationY -= 1;

            }

            //渲染3D世界

            _view.render();

        }

        

    }



}