3D星形贴图

Posted fengziwu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了3D星形贴图相关的知识,希望对你有一定的参考价值。

3D星形贴图:

/**
 *
 * *---------------------*
 * |  *** 3D星形贴图 ***  |
 * *---------------------*
 *
 * 编辑修改收录:fengzi(疯子、wu341、wgq341)
 *
 * 不会写代码,我是代码搬运工。
 *
 * 联系方式:QQ(493712833)。
 *
 * 随   笔: https://www.cnblogs.com/fengziwu/
 *
 * 版权协议:请自觉遵守LGPL协议,欢迎修改、复制、转载、传播给更多需要的人。
 * 免责声明:任何因使用此软件导致的纠纷与软件/程序开发者无关。
 * 日   期: 2019.05.08
 *
 */
package fengzi.bmd
{
    import flash.display.Bitmap;
    import flash.display.BitmapData;
    import flash.display.MovieClip;
    import flash.display.Sprite;
    import flash.display.TriangleCulling;
    import flash.events.Event;
    import flash.geom.Vector3D;
   
    public class StarTexture extends Sprite
    {
        private var _bmpd:BitmapData;
        private var _pointContainer:Sprite;
        private var _graphicContainer:Sprite;
        private var _pointArr:Array = [];
        private var _objArr:Array = [];
        private var _num:int = 5;
        private var _boo:Boolean;//是否是离五角星中心点较近的顶点
        private var _radius1:Number;//五角星中心点离较远顶点的距离(可看作五角星外接圆的半径)
        private var _radius2:Number;//五角星中心点离较近顶点的距离(可看作五角星内接圆的半径)
        private var _focus:Number = 400;
		
		/***
		* 3D星形贴图
		* @param   img         图片对象
		* @param   _radius1    五角星中心点离较远顶点的距离(可看作五角星外接圆的半径)
		* @param   _radius2    五角星中心点离较近顶点的距离(可看作五角星内接圆的半径)
		***/
        public function StarTexture(img:*,_radius1:Number = 100,_radius2:Number = 40)
        {
			this._radius1=_radius1;
			this._radius2=_radius2;
            initViews(img);
            initEventListeners();
        }
        private function initViews(img:*):void
        {
            _pointContainer = new Sprite();
            _graphicContainer = new Sprite();
            _pointContainer.x = _graphicContainer.x =img.width*0.5;
            _pointContainer.y = _graphicContainer.y = img.height*0.5;
		    _bmpd = new BitmapData(img.width,img.height,false,0)
			_bmpd.draw(img)
            this.addChild(_pointContainer);
            this.addChild(_graphicContainer);
            createStar();
        }
        private function initEventListeners():void
        {
            this.addEventListener(Event.ENTER_FRAME,onEnterFrame);
        }
        private function onEnterFrame(e:Event):void{
            for(var i:int=0;i<_pointArr.length;i++){
                _pointArr[i].Z = (_pointArr[i] as MovieClip).transform.getRelativeMatrix3D(_pointContainer).position.z;
                _pointArr[i].X = (_pointArr[i] as MovieClip).transform.getRelativeMatrix3D(_pointContainer).position.x*(_focus/(_focus+_pointArr[i].Z));
                _pointArr[i].Y = (_pointArr[i] as MovieClip).transform.getRelativeMatrix3D(_pointContainer).position.y*(_focus/(_focus+_pointArr[i].Z));
                (_pointArr[i] as MovieClip).transform.matrix3D.appendRotation((mouseX-_pointContainer.x)/50,Vector3D.Y_AXIS);
                (_pointArr[i] as MovieClip).transform.matrix3D.appendRotation((_pointContainer.y-mouseY)/50,Vector3D.X_AXIS);
            }
            _graphicContainer.graphics.clear();
            _objArr = [];
            for(i=0;i<_num*2;i++){
                var vertices:Vector.<Number> = new Vector.<Number>();
                vertices.push(_pointArr[_num*2].X,_pointArr[_num*2].Y,_pointArr[i].X,_pointArr[i].Y,_pointArr[(i+1)%(_num*2)].X,_pointArr[(i+1)%(_num*2)].Y,_pointArr[(i+2)%(_num*2)].X,_pointArr[(i+2)%(_num*2)].Y);
                var indices:Vector.<int> = new Vector.<int>([0,1,2,0,2,3]);
                var uvtData:Vector.<Number> = Vector.<Number>([0,0,1,0,1,1,0,1]);//不能new,如果new会导致运行flash.display.Graphics.drawTriangles()运行错误:ArgumentError: Error #2004: 某个参数无效。tell me why?
                var Z:Number = _pointArr[i].Z + _pointArr[(i+1)%(_num*2)].Z;
                _objArr.push({V:vertices,I:indices,U:uvtData,Z:Z});
            }
            _objArr.sortOn("Z",18);
            for(i =0;i<_objArr.length;i++){
                _graphicContainer.graphics.beginBitmapFill(_bmpd);
                _graphicContainer.graphics.drawTriangles(_objArr[i].V,_objArr[i].I,_objArr[i].U,TriangleCulling.NONE);
                _graphicContainer.graphics.endFill();
            }
        }
        private function createStar():void
        {
            for(var i:int = 0;i<_num*2;i++){
                var mc:MovieClip = new MovieClip();
                _pointContainer.addChild(mc);
                if(_boo){
                    mc.x=_radius2*Math.cos(2*Math.PI/(_num*2)*i);
                    mc.y=_radius2*Math.sin(2*Math.PI/(_num*2)*i);
                }else{
                    mc.x=_radius1*Math.cos(2*Math.PI/(_num*2)*i);
                    mc.y=_radius1*Math.sin(2*Math.PI/(_num*2)*i);
                }
                mc.z = 0;
                _pointArr.push(mc);
                _boo = !_boo;
            }
            var centerMC:MovieClip = new MovieClip();
            _pointContainer.addChild(centerMC);
            centerMC.x = 0;centerMC.y = 0;centerMC.z = -60;
            _pointArr.push(centerMC);
        }
    }
}

  

以上是关于3D星形贴图的主要内容,如果未能解决你的问题,请参考以下文章

unity3d里怎么给动态添加的物体添加贴图

3d 法线贴图在 Three.js 中无法正常工作

光照贴图

转载D3D中的Texture应用示例

Unity3D怎么给模型贴图

iOS - Scenekit3D引擎初探之 - 给材质贴图