Away3D基础教程（五）：制作全景功能

效果如下：

 

制作思路：

1：全景功能其实就是在一个球体内部贴上一张鱼眼全景图片，然后把摄像机放在球体内部中心点，旋转摄像机就可以实现全景效果了。因为全景图要贴到球的内部，所以要把球体的双面贴图功能打开，_SphereGeometry.bothSides = true;  还有一种skyBox贴上6张不同面的全景图制作方法不在此做介绍，全景功能还是用球体方便。

 

2：使用HoverController这个摄像机控制类， 摄像机围绕球体原点旋转。这个我们经常用来坐360度环绕某点查看某3D物体。或者制作360度全景图。

 

2:把camera放到球体内部，_view.camera.position = _mesh.position; 设置camera的位置为球体的中心位置，在这里把球体放在了_mesh对象里，所以_mesh的中心位置就是球体的中心位置。

 

3：鼠标按下并移动开始旋转球体：

_cameraHoverController.panAngle = (mouseX - _mouseX) * .3 + _startX;

_cameraHoverController.tiltAngle = (mouseY - _mouseY) * .3 + _startY;

完整代码如下：

package  
{
    import away3d.containers.View3D;
    import away3d.controllers.HoverController;
    import away3d.entities.Mesh;
    import away3d.materials.TextureMaterial;
    import away3d.primitives.SphereGeometry;
    import flash.display.Loader;
    import flash.display.MovieClip;
    import flash.display.Sprite;
    import flash.events.Event;
    import flash.events.MouseEvent;
    import flash.display.StageAlign;
    import flash.display.StageScaleMode;
    import away3d.utils.Cast;
    import away3d.tools.helpers.MeshHelper;
    import flash.text.TextField;
    import flash.text.TextFieldAutoSize;
    
    /**
     * ...
     * @author yl
     */
    [SWF(width='800',height='600',frameRate="60", backgroundColor="0x000000")]
    public class MyAway3d_5 extends Sprite 
    {
        [Embed(source = "../embeds/ball.jpg")]
        private static var BallMaterial:Class;private var _startX:Number;
        private var _startY:Number;
        private var _mouseX:Number;
        private var _mouseY:Number;
        
        private var _view:View3D;
        private var _cameraHoverController:HoverController;
        
        private var _sphere:SphereGeometry;
        private var _sphereMaterial:TextureMaterial;
        private var _mesh:Mesh;public function MyAway3d_5() 
        {
            if (stage) {
                init();
            }else {
                this.addEventListener(Event.ADDED_TO_STAGE, init);
            }
        }private function init(e:Event = null):void {
            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;
            //摄像机渲染范围2000
            _view.camera.lens.far = 2000;
            
            _cameraHoverController = new HoverController(_view.camera, null, 90, 0, 300);
            _cameraHoverController.yFactor = 1;
            _sphere = new SphereGeometry(1000, 64);
            //_sphere.yUp = false;
            _sphereMaterial = new TextureMaterial(Cast.bitmapTexture(BallMaterial));
            _sphereMaterial.bothSides = true;
            _sphereMaterial.smooth = true;
            _mesh = new Mesh(_sphere, _sphereMaterial);
            //MeshHelper.invertFaces(_mesh);
            
            _view.camera.position = _mesh.position;

            _view.scene.addChild(_mesh);this.addEventListener(Event.ENTER_FRAME, onEnterFrame);
            stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownFunction);
            stage.addEventListener(MouseEvent.MOUSE_WHEEL, onWheel);
        }private function onWheel(e:MouseEvent):void 
        {
            if (e.delta > 0) {
                if (_cameraHoverController.distance > 6) {
                    _cameraHoverController.distance -= 5;
                }
            }else if (e.delta < 0) {
                if (_cameraHoverController.distance < 600) {
                    _cameraHoverController.distance += 5;
                }
            }
        }
        
        private function mouseDownFunction(e:MouseEvent):void 
        {
            _startX = _cameraHoverController.panAngle;
            _startY = _cameraHoverController.tiltAngle;
            _mouseX = mouseX;
            _mouseY = mouseY;
            stage.addEventListener(MouseEvent.MOUSE_MOVE,mouseMoveFunction);
            stage.addEventListener(MouseEvent.MOUSE_UP,mouseUpFunction);
        }
        
        private function mouseUpFunction(e:MouseEvent):void 
        {
            stage.removeEventListener(MouseEvent.MOUSE_MOVE,mouseMoveFunction);
            stage.removeEventListener(MouseEvent.MOUSE_UP,mouseUpFunction);
            //stage.addEventListener(MouseEvent.MOUSE_DOWN,mouseDownFunction);
        }
        
        private function mouseMoveFunction(e:MouseEvent):void 
        {
            _cameraHoverController.panAngle = (mouseX - _mouseX) * .3 + _startX;
            _cameraHoverController.tiltAngle = (mouseY - _mouseY) * .3 + _startY;
        }
        
        private function onEnterFrame(e:Event):void 
        {
            _view.render();
        }
    }

}