Away3D 使用SkyBox绘制环境背景(及物体表面的反射)

创建一个3D场景少不了,比如在户外就是天空,大地还有远处的背景。这个通过SkyBox就可以很方便的实现。

 

1,SkyBox的使用

SkyBox其实就是一个立方体,只是对内部的每个面贴上不同的皮肤。然后摄像机摆在这个立方体里面,感觉像是一个室内环境中贴上蓝天白云,让人觉得是在外景中。

 

2,物体表面的反射

只需给物体设置与SkyBox同样的皮肤纹理,那么这个物体表面就感觉有镜面效果,反射出周围环境图像。(如本例中的小球)

 

3,效果图如下

 

 

package{
    import flash.display.Sprite;
    import flash.display.StageAlign;
    import flash.display.StageScaleMode;
    import flash.events.Event;
    import flash.events.MouseEvent;
    import flash.geom.Vector3D;
     
    import away3d.containers.View3D;
    import away3d.controllers.HoverController;
    import away3d.entities.Mesh;
    import away3d.materials.ColorMaterial;
    import away3d.materials.TextureMaterial;
    import away3d.materials.methods.EnvMapMethod;
    import away3d.primitives.CubeGeometry;
    import away3d.primitives.SkyBox;
    import away3d.primitives.SphereGeometry;
    import away3d.textures.BitmapCubeTexture;
    import away3d.utils.Cast;
     
    [SWF(frameRate="60", backgroundColor="#FFFFFF")]
    public class S3 extends Sprite {
         
        private  var _view3D:View3D;
        private var cameraController:HoverController;//360全景展示相机控制器
         
        //地板图片(用作地板的纹理 )
        [Embed(source="assets/road.jpg")]
        private var floorClass:Class;
         
        //地板材质
        private var floorMaterial:TextureMaterial;
         
        // 环境图片
        [Embed(source="assets/skybox/snow_positive_x.jpg")]
        private var EnvPosX:Class;
        [Embed(source="assets/skybox/snow_positive_y.jpg")]
        private var EnvPosY:Class;
        [Embed(source="assets/skybox/snow_positive_z.jpg")]
        private var EnvPosZ:Class;
        [Embed(source="assets/skybox/snow_negative_x.jpg")]
        private var EnvNegX:Class;
        [Embed(source="assets/skybox/snow_negative_y.jpg")]
        private var EnvNegY:Class;
        [Embed(source="assets/skybox/snow_negative_z.jpg")]
        private var EnvNegZ:Class;
         
        //环境材质
        private var environmentTexture:BitmapCubeTexture;
        private var environmentMaterial:ColorMaterial;
         
        //天空
        private var _skyBox:SkyBox;
         
        private var lastPanAngle:Number;
        private var lastTiltAngle:Number;
        private var lastMouseX:Number;
        private var lastMouseY:Number;
        private var move:Boolean;
         
        public function S3() {
            initEngine();
            initMaterials();
            initObjects();
            initListeners();
        }
         
        /**
         * 初始化引擎
         */
        private function initEngine():void
        {
            stage.scaleMode = StageScaleMode.NO_SCALE;
            stage.align = StageAlign.TOP_LEFT;
             
            // 创建一个视口
            _view3D = new View3D();
            _view3D.antiAlias = 4; //设置抗锯齿级别
             
            //初始化摄像头
            cameraController = new HoverController(_view3D.camera);
            /*cameraController.distance = 1000;
            cameraController.minTiltAngle = 0;
            cameraController.maxTiltAngle = 90;
            cameraController.panAngle = 45;*/
            cameraController.tiltAngle = 15;
             
            addChild(_view3D);
        }
         
        /**
         * 初始化材质
         */
        private function initMaterials():void
        {
            //地板的纹理
            floorMaterial = new TextureMaterial(Cast.bitmapTexture(floorClass));
             
            //环境纹理
            environmentTexture = new BitmapCubeTexture(
                    Cast.bitmapData(EnvPosX), Cast.bitmapData(EnvNegX),
                    Cast.bitmapData(EnvPosY), Cast.bitmapData(EnvNegY),
                    Cast.bitmapData(EnvPosZ), Cast.bitmapData(EnvNegZ));
            environmentMaterial = new ColorMaterial();
            environmentMaterial.addMethod(new EnvMapMethod(environmentTexture, 1));
        }
         
        /**
         * 初始化物体
         */
        private function initObjects():void
        {
            // 在三维舞台中创建一个方块(地板 )
            var cube1:Mesh = new Mesh(new CubeGeometry(700, 20, 500), floorMaterial);
            _view3D.scene.addChild(cube1);
             
            //添加天空盒子(环境)
            _skyBox = new SkyBox(environmentTexture);
            _view3D.scene.addChild(_skyBox);
 
            //添加球体
            var ball:Mesh = new Mesh(new SphereGeometry(150), environmentMaterial);
            ball.position = new Vector3D(0,200,0);
            _view3D.scene.addChild(ball);
        }
         
        /**
         * 初始化监听
         */
        private function initListeners():void
        {
            addEventListener(Event.ENTER_FRAME, _onEnterFrame);
            //鼠标事件监听
            stage.addEventListener(MouseEvent.MOUSE_DOWN, onMouseDown);
            stage.addEventListener(MouseEvent.MOUSE_UP, onMouseUp);
            stage.addEventListener(MouseEvent.MOUSE_WHEEL,onWheel);
            stage.addEventListener(Event.RESIZE, onResize);
            onResize();
        }
         
        /**
         * 渲染视图
         */
        private function _onEnterFrame(e:Event):void
        {
             
            //移动视角
            if (move) {
                cameraController.panAngle = 0.3 * (stage.mouseX - lastMouseX) + lastPanAngle;
                cameraController.tiltAngle = 0.3 * (stage.mouseY - lastMouseY) + lastTiltAngle;
            }
            //渲染视图
            _view3D.render();
        }
         
        /**
         * 使用舞台大小一直全屏
         */
        private function onResize(event:Event = null):void
        {
            _view3D.width = stage.stageWidth;
            _view3D.height = stage.stageHeight;
        }
         
        /**
         * 鼠标滚轮事件
         */
        private function onWheel(e:MouseEvent):void
        {
            if(e.delta > 0){
                if(cameraController.distance < 1000)
                    cameraController.distance += 100;
            }else{
                if(cameraController.distance > 600)
                    cameraController.distance -= 100;
            }
        }
         
        /**
         * 鼠标按下事件
         */
        private function onMouseDown(event:MouseEvent):void
        {
            lastPanAngle = cameraController.panAngle;
            lastTiltAngle = cameraController.tiltAngle;
            lastMouseX = stage.mouseX;
            lastMouseY = stage.mouseY;
            move = true;
        }
         
        /**
         * 鼠标弹起事件
         */
        private function onMouseUp(event:MouseEvent):void
        {
            move = false;
        }
    }
}

时间: 2024-07-29 13:35:44

Away3D 使用SkyBox绘制环境背景(及物体表面的反射)的相关文章

鼠绘技术内幕完全接触-环境背景篇

记得在学校时,老师讲出变色龙的课文,变色龙可以随着环境的变成改变自己,使得它"隐身",然而在FLASH等动画创作中,由于我们力求表现故事情节,决不是演译"透明人",我们必须反其道而为之,那就是利用环境来突出主人翁的形态与情感;曾经尝试过使用同一个人物置于不同的环境背景中,使图画表机出不同的性格或或状态;为了方便大家的学习,我将环境背景风格的表现归纳了一下. 共同点,虽然表现的效果不同,但支撑环境属质的始终是颜色的表现;所以在提及这归纳的几种方法之前,我们先了解一下颜

Away3D线条的绘制的例子

1,使用LineSegment创建线段 (1)可以设置线条的开始坐标,结束坐标,起始颜色,结束颜色,线条粗细等   (2)将创建好的一系列线条添加到SegmentSet,最后将SegmentSet添加到View3D里.   2,效果图如下: 代码如下所示 package{     import flash.display.Sprite;     import flash.display.StageAlign;     import flash.display.StageScaleMode;   

C#配合Direct3D,如何做到让3D物体表面纹理每秒更换呢?

问题描述 想要从视频截几张图,然后一张张贴在3D物体的表面,但是不知道怎么做,现在只会将一张图片作为纹理.求大神解惑我需要设计的题目是与视频纹理这个概念有关,简单来说就是把视频逐帧贴到3D物体上,但如何在c#上具体实现,完全没有想法,如果有大神给个思路或者部分代码的话,感激不尽. 解决方案 解决方案二:别沉啊...有没有大神给点建议啊?

opengl 教程(17) 环境光

原帖地址:http://ogldev.atspace.co.uk/www/tutorial17/tutorial17.html       在3D真实感图形学中,光照是很重要的技术.从物理上讲,一束光是由很多细小的粒子"光子"组成,这些光子在空气中传输,在物体的表面折射,反射,最终进入我的视觉系统,形成了我们眼中看到的真实世界.在编程中,我们不可能模拟所有光子的行为,所以如何对光照进行建模,模拟出它的真实效果,是计算机图形学中一个永恒的话题       在各种paper中,人们已经提出

《Unity着色器和屏幕特效开发秘笈》—— 3.3 创建Phong高光类型

3.3 创建Phong高光类型 Phong高光模型是最基础且表现最友好的高光类型.它会计算出光在物体表面的反射方向与观察者视线方向之间的对比结果.它是一种非常常见的高光模型,从游戏到电影都有诸多的应用.虽然在镜面反射的精确建模上它并不是最接近现实的,但在大多数情况下它都显得极为逼真.另外,如果你的观察对象是远离相机的而且不需要对高光进行精确计算的时候,Phong高光模型是表现着色器高光效果最好的方式之一.在本节中,我们将要学习的内容包括如何对Phong高光类型进行逐顶点操作,以及在表面着色器中使

PS手把手教你绘制超逼真的冰锥

  水是复杂的东西.它是透明的,有着许多存在形式.虽然水看上去很简单,相对于构成而言--却没有一劳永逸描绘水的方法.虽然你并不是真正在画水,而是水在这个世界被看见的样子. 在这个教程中我会展示如何绘制水最常见的冰冻形式:冰锥.飞雪.积雪.霜.冰.以及冰雹.我们会使用图层样式.自定义画笔.混合模式.滤镜.图案及混合器画笔工具等等. Step 1 选择一个好的背景(透明物体不能没有背景)创建新图层,并使用套索工具画出冰锥外形.你可以用鼠标画出来,冰锥外形应该有点崎岖不平. Step 2 用油漆桶工具

图像处理-如何从一张图像正确识别出图片里的某个物体进行处理

问题描述 如何从一张图像正确识别出图片里的某个物体进行处理 如何从一张图像正确识别出图片里的某个物体进行处理,具体需要什么算法,和过程,急求 解决方案 你说的很片面,首先要看你是什么物体,然后看你所识别的物体所在的环境背景.简单的用普通的分割,复杂的话自己训练分类器. 解决方案二: opencv物体识别http://www.docin.com/p-1012468684.html 解决方案三: 你好,你如果找到方法能告诉我一个么? 我只看过用openCV内置的来识别人脸!

苹果新专利:利用电子设备自行绘制3D街景

1月8日,科技网站VentureBeat报道称,美国专利商标局授予苹果一项新专利,该专利可以利用电子设备绘制某个区域或物体的三维模型.专利显示,电子设备内置动作 传感器,可跟踪运动轨迹和视角变化,这些信息会以3D方式在屏幕中显示,该专利还讲解了如何记录物体或环境.设备可跟踪照片或视频,记录所有运动,并处理各种信息集,以创建一个3D模型.显然,这样的专利意在针对Google地图.地图服务一直是苹果的软肋,发布之初便暴露各种缺陷,最终苹果地图未能在自主系统平台取代Google服务.尽管iOS地图应用

影楼婚片调色教程:室内仿真背景金色调

基本特点 此类照片是内景仿真背景,背景布上的景物仿真实的景制作而成,这就是这几年流行的外景内拍.仿真背景上的景物有较好的空间感,在调色的时候尽量和真正的外景相似,已取得以假乱真的效果. 适用建议 仿真背景的创意金色色调,在影楼中适当调几张这样的感觉,可以增加照片的多样性.这种事创意性金色色调,适合所有的照片. 调修重点 1.影调 标准的暖色调,画面光感较强,表现手法细腻.影调是创意性的 和现实生活中背景色调差别很大. 2.色彩 不管是高调中间调还是低调金黄色抢占整个画面的视觉,此类照片也是同样的