Away3D线条的绘制的例子

1,使用LineSegment创建线段

(1)可以设置线条的开始坐标,结束坐标,起始颜色,结束颜色,线条粗细等

 

(2)将创建好的一系列线条添加到SegmentSet,最后将SegmentSet添加到View3D里。

 

2,效果图如下:

代码如下所示

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.entities.SegmentSet;
    import away3d.materials.TextureMaterial;
    import away3d.primitives.CubeGeometry;
    import away3d.primitives.LineSegment;
    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;
         
        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));
        }
         
        /**
         * 初始化物体
         */
        private function initObjects():void
        {
            // 在三维舞台中创建一个方块(地板 )
            var cube1:Mesh = new Mesh(new CubeGeometry(700, 20, 500), floorMaterial);
            _view3D.scene.addChild(cube1);
             
            //创建线条
            var linesContainer:SegmentSet = new SegmentSet();
            //线的两端点,粗细,起始端颜色,结束端颜色
            var line:LineSegment = new LineSegment(new Vector3D(0,0,0),new Vector3D(200,200,200),
                0xFF0000,0x00FF00,1);
            linesContainer.addSegment(line);
            _view3D.scene.addChild(linesContainer);
        }
         
        /**
         * 初始化监听
         */
        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-09-17 17:48:31

Away3D线条的绘制的例子的相关文章

Flash绘画中基础线条的绘制原理

每一张成功的作品中都少不了朴素的线条.直线.曲线.弧线和圆等基本线条粗细.长短的变化及不同组合,即构成了画面中不同的景物.人物以及渲染出不同的气氛.因此说线条是组成画面最基本的要素,并在画面中起着重要的作用. 对绘制线条的基本要求: 画漫画时,打稿用的是铅笔线,完成稿用的是墨笔线,这两种线只是工具不同,对于线条的要求是相同的,只是打稿的铅笔线最终会被擦掉,所以要求可以放松一 些.一般以作者本人能看懂.能确定其正确位置为准,这样还可以节省打草稿的时间.在绘画时,对线条的基本要求可以归纳为四个字,即

Illustrator制作非常漂亮的立体三维线条文字绘制教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作非常漂亮的立体三维线条文字的绘制教程. 教程分享: 效果图:   示例: 这个你会画吧?(还是好多童鞋不会,最后有补充这个饼图的画法)   画一个S形路径,然后首尾各一个   然后选中两个圆形 上面菜单.对象--混合--建立.调整一下混合选项 我这里选择的是指定距离0.1mm,看起来很连贯了,这就ok.   然后我们选择这个混合和刚刚的S路径,对象--混合--替换混合轴   当当当,搞定一个!   方形的那个也是一样的,两端的圆形

Illustrator设计复杂抽象线条怪物绘制教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计复杂抽象线条怪物的绘制教程. 教程分享:             好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计复杂抽象线条怪物的绘制教程解析分享的全部内容了,各位看到这里的使用者们,小编相信大家现在是非常的清楚了绘制方法了吧,那么各位就去按照小编的教程自己去尝试着绘制一下吧.

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

创建一个3D场景少不了,比如在户外就是天空,大地还有远处的背景.这个通过SkyBox就可以很方便的实现.   1,SkyBox的使用 SkyBox其实就是一个立方体,只是对内部的每个面贴上不同的皮肤.然后摄像机摆在这个立方体里面,感觉像是一个室内环境中贴上蓝天白云,让人觉得是在外景中.   2,物体表面的反射 只需给物体设置与SkyBox同样的皮肤纹理,那么这个物体表面就感觉有镜面效果,反射出周围环境图像.(如本例中的小球)   3,效果图如下     package{     import f

js+html5通过canvas指定开始和结束点绘制线条的方法_javascript技巧

本文实例讲述了js+html5通过canvas指定开始和结束点绘制线条的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html> <html> <body> <canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;"> Your browser does n

Flash8精彩绘制实例:绘制秋之落叶

首先让我们先看一下制作完成之后的效果如图1所示: 图1现在我们开始制作: 第一步:创建灯光以及树叶轮廓 1)我们要通过建立一个虚拟灯光,让灯光照在树叶上,使树叶有高光区和阴影区,这样可以达到更加逼真的效果.首先将背景颜色设定为#666666,然后建立一个图层,名为'light source',在第10帧按F5创建关键帧,在绘图区的左上角用绘图工具绘制出一个虚拟的灯光(如图2所示),这个灯光将决定我们在树叶的什么部分绘制的阴影区以及高光区. 2)然后在light source 下面建立一个图层,名

Flash绘制精致矢量图——斑驳的秋天落叶

首先让我们先看一下制作完成之后的效果如图1所示: 图1现在我们开始制作: 第一步:创建灯光以及树叶轮廓 1)我们要通过建立一个虚拟灯光,让灯光照在树叶上,使树叶有高光区和阴影区,这样可以达到更加逼真的效果.首先将背景颜色设定为#666666,然后建立一个图层,名为'light source',在第10帧按F5创建关键帧,在绘图区的左上角用绘图工具绘制出一个虚拟的灯光(如图2所示),这个灯光将决定我们在树叶的什么部分绘制的阴影区以及高光区. 2)然后在light source 下面建立一个图层,名

在DeepEarth中进行点、线、多边形以及自定义图片图层的图形绘制

在上一篇文章<DeepEarth中的几何图形基础框架模型>中将整个DeepEarth的几何图形基础框架模型 进行了介绍,之后还通过了绘制一个三角形的应用示例演示了DeepEarth中的几何图形应用.本篇将续着 这篇文章介绍DeepEarth中的几何图形应用,包括基本图形绘制(点.线.多边形)和自定义图层的应用 . 一.绘制点图层 首先看看如何使用DeepEarth中的几何图形基础框架所提供的点基类(PointBase)来实现在地图上绘 制一个坐标点.其使用非常简单,如下代码块(效果图见本文末尾

WPS文字教程:表格工具轻松绘制课程表

在文档中插入表格或者用文字工具制作表格都是我们在工作中经常遇到的问题.如果表格的格式稍微复杂一些,为了调整表格的各项格式,我们将不得不在各个菜单和对话框中切换,使得工作量大大增加.但在WPS Office 2012的文字工具中,借助于新的WIN7风格界面,我们就不需要如此"东奔西走"了,仅仅只需一个"表格工具",绘制如图1所示的课程表也是相当轻松. 图1 一.斜线表头 先点击功能区"插入"选项卡的"表格"功能组"表格