drawTriangles用法

最新推荐文章于 2019-09-22 23:56:44 发布
最新推荐文章于 2019-09-22 23:56:44 发布
阅读量222 收藏
点赞数
文章标签： 人工智能
原文链接：http://www.cnblogs.com/riaol/archive/2012/03/13/2393995.html
版权 

 
看pan大神的博客，研究源码。
package
{
	import flash.display.Bitmap;
	import flash.display.GraphicsTrianglePath;
	import flash.display.Sprite;
	
	/**
	 *  @author:Gaara
	 *  2012-3-13
	 *
	 **/
	[SWF(width="800", height="600" ,frameRate="30", backgroundColor="#000000")]
	public class TestDrawTriang1 extends Sprite
	{
		
		//定义路径类
		private var triangPath:GraphicsTrianglePath;
		
		public function TestDrawTriang1()
		{
			super();
			
			var sprite:Sprite = new Sprite;
			sprite.x = this.stage.stageWidth / 2;
			sprite.y =  this.stage.stageHeight /2;
			addChild(sprite);
			
			var vertices:Vector.<Number> = new Vector.<Number>();
			vertices.push(0,0);
			vertices.push(0,200);
			vertices.push(200,200);
			vertices.push(200,0);
			
			var indices:Vector.<int> = new Vector.<int>();
			indices.push(1,2,3,1,3,0);
			
			var uvtData:Vector.<Number> = new Vector.<Number>();
			uvtData.push(0,0);
			uvtData.push(0,1);
			uvtData.push(1,1);
			uvtData.push(1,0);
				
			sprite.graphics.beginBitmapFill(ResConfig.myLpBmp.bitmapData);
			sprite.graphics.drawTriangles (vertices,indices,uvtData);
			sprite.graphics.endFill();
		}
	}
}

 

对应stage中的内容，顶点，索引和贴图坐标。

 

3d坐标映射到2d坐标

 

		var indices:Vector.<int> = new Vector.<int>();
			indices.push(0,1,2,0,2,3);
			
			var uvtData:Vector.<Number> = new Vector.<Number>();
			uvtData.push(0,0);
			uvtData.push(1,0);
			uvtData.push(1,1);
			uvtData.push(0,1);
			
			var vertices:Vector.<Vector3D> = new Vector.<Vector3D>();
			
			vertices.push(new Vector3D(0,0,0));
			vertices.push(new Vector3D(100,0,50));
			vertices.push(new Vector3D(100,100,50));
			vertices.push(new Vector3D(0,100,0));
			
			var newVertices:Vector.<Number> = new Vector.<Number>;
			for each (var vec3d:Vector3D in vertices) 
			{
				var scale:Number =  D/(D+vec3d.z);
				newVertices.push(scale * vec3d.x);
				newVertices.push(scale * vec3d.y);
			}
			
			
			sprite.graphics.beginBitmapFill(ResConfig.myLpBmp.bitmapData);
			sprite.graphics.drawTriangles(newVertices,indices,uvtData);
			sprite.graphics.endFill();

 y轴旋转

package
{
	import flash.display.Bitmap;
	import flash.display.GraphicsTrianglePath;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.geom.Vector3D;
	
	/**
	 *  @author:Gaara
	 *  2012-3-13
	 *
	 **/
	[SWF(width="800", height="600" ,frameRate="30", backgroundColor="#000000")]
	public class TestDrawTriang1 extends Sprite
	{
		
		private const D:int = 300;
		
		//定义路径类
		private var triangPath:GraphicsTrianglePath;
		
		private var sprite:Sprite = new Sprite;
		
		private var indices:Vector.<int>;
		private var uvtData:Vector.<Number>;
		private var vertices:Vector.<Vector3D>;
		private var angel:int = 0;
		
		
		public function TestDrawTriang1()
		{
			super();
			

			sprite.x = this.stage.stageWidth / 2;
			sprite.y =  this.stage.stageHeight /2;
			addChild(sprite);
			
			indices = new Vector.<int>();
			indices.push(0,1,2,0,2,3);
			
			uvtData = new Vector.<Number>();
			uvtData.push(0,0);
			uvtData.push(1,0);
			uvtData.push(1,1);
			uvtData.push(0,1);
			
			vertices = new Vector.<Vector3D>();
			
			vertices.push(new Vector3D(0,0,0));
			vertices.push(new Vector3D(100,0,50));
			vertices.push(new Vector3D(100,100,50));
			vertices.push(new Vector3D(0,100,0));
			
			
			addEventListener(Event.ENTER_FRAME,onEnterFrame);
		}
		
		protected function onEnterFrame(event:Event):void
		{
			angel++;
			var radian:Number = angel/180*Math.PI;
			
			var newVertices:Vector.<Number> = new Vector.<Number>;
			for each (var vec3d:Vector3D in vertices) 
			{
				var newX:Number = Math.cos(radian) * vec3d.x -  Math.sin(radian) * vec3d.z;
				var newZ:Number = Math.cos(radian) * vec3d.z +  Math.sin(radian) * vec3d.x;
				
				var scale:Number =  D/(D+newZ);
				newVertices.push(scale * newX);
				newVertices.push(scale * vec3d.y);
			}
			
			sprite.graphics.clear();
			sprite.graphics.beginBitmapFill(ResConfig.myLpBmp.bitmapData);
			sprite.graphics.drawTriangles(newVertices,indices,uvtData);
			sprite.graphics.endFill();
			
		}		
		
	}
}

 

 

正方体

package
{
	import flash.display.GraphicsTrianglePath;
	import flash.display.Sprite;
	import flash.display.TriangleCulling;
	import flash.events.Event;
	import flash.geom.Vector3D;
	
	/**
	 *  @author:Gaara
	 *  2012-3-14
	 *
	 **/
	[SWF(width="800", height="600" ,frameRate="30", backgroundColor="#FFFFFF")]
	public class Test3d extends Sprite
	{
		
		private const D:int = 300;
		
		//定义路径类
		private var triangPath:GraphicsTrianglePath;
		
		private var sprite:Sprite = new Sprite;
		
		private var indices:Vector.<int>;
		private var uvtData:Vector.<Number>;
		private var vertices:Vector.<Vector3D>;
		private var angel:int = 0;
		
		
		public function Test3d()
		{
			super();
			
			
			sprite.x = this.stage.stageWidth / 2;
			sprite.y =  this.stage.stageHeight /2;
			addChild(sprite);
			
			indices = new Vector.<int>();
			indices.push(0,1,2);
			indices.push(0,2,3);
			
			indices.push(4,5,6);
			indices.push(4,6,7);
			
			indices.push(8,9,10);
			indices.push(8,10,11);
			
			indices.push(12,13,14);
			indices.push(12,14,15);
			
			uvtData = new Vector.<Number>();
			uvtData.push(0,0,1);
			uvtData.push(1,0,1);
			uvtData.push(1,1,1);
			uvtData.push(0,1,1);
			
			uvtData.push(0,0,1);
			uvtData.push(1,0,1);
			uvtData.push(1,1,1);
			uvtData.push(0,1,1);
			
			uvtData.push(0,0,1);
			uvtData.push(1,0,1);
			uvtData.push(1,1,1);
			uvtData.push(0,1,1);
			
			uvtData.push(0,0,1);
			uvtData.push(1,0,1);
			uvtData.push(1,1,1);
			uvtData.push(0,1,1);
			
			vertices = new Vector.<Vector3D>();
			
			vertices.push(new Vector3D(0,0,0));
			vertices.push(new Vector3D(100,0,0));
			vertices.push(new Vector3D(100,100,0));
			vertices.push(new Vector3D(0,100,0));
			
			
			vertices.push(new Vector3D(100,0,0));
			vertices.push(new Vector3D(100,0,100));
			vertices.push(new Vector3D(100,100,100));
			vertices.push(new Vector3D(100,100,0));

		
			vertices.push(new Vector3D(100,0,100));
			vertices.push(new Vector3D(0,0,100));
			vertices.push(new Vector3D(0,100,100));
			vertices.push(new Vector3D(100,100,100));
			
			vertices.push(new Vector3D(0,0,100));
			vertices.push(new Vector3D(0,0,0));
			vertices.push(new Vector3D(0,100,0));
			vertices.push(new Vector3D(0,100,100));
			
			addEventListener(Event.ENTER_FRAME,onEnterFrame);
		}
		
		protected function onEnterFrame(event:Event):void
		{
			angel++;
			var radian:Number = angel/180*Math.PI;
			
			var newVertices:Vector.<Number> = new Vector.<Number>;
			
			for (var i:int = 0; i < vertices.length; i++) 
			{
				var vec3d:Vector3D =  vertices[i]
				var newX:Number = Math.cos(radian) * vec3d.x -  Math.sin(radian) * vec3d.z;
				var newZ:Number = Math.cos(radian) * vec3d.z +  Math.sin(radian) * vec3d.x;
	
				var scale:Number =  D/(D+newZ);
				uvtData[i*3+2] = scale;
				
				newVertices.push(scale * newX);
				newVertices.push(scale * vec3d.y);
			}
			
			sprite.graphics.clear();
			sprite.graphics.beginBitmapFill(ResConfig.myLpBmp.bitmapData);
			sprite.graphics.drawTriangles(newVertices,indices,uvtData,TriangleCulling.NEGATIVE);
			sprite.graphics.endFill();
			
		}		
	}
}

 三角形增加深度z。等于绽放比例。GraphicsTrianglePath的最后一个参数，表示剔除算法，顶点顺时针时，法线指向z坐标正方向，TriangleCulling.POSITIVE剔除指向正的三角形，TriangleCulling.NEGATIVE剔除负的三角形。逆时针反之。

				var newX2:Number = Math.cos(radiany) * newX -  Math.sin(radiany) * vec3d.y;
				var newY:Number = Math.cos(radiany) * vec3d.y +  Math.sin(radiany) * newX;

 同时旋转几个坐标系。以及使用鼠标控制旋转方向。

			var radianx:Number = mouseX /180*Math.PI;
			var radiany:Number = mouseY /180*Math.PI;

 

 

转载于:https://www.cnblogs.com/riaol/archive/2012/03/13/2393995.html

weixin_30580943
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
flash3d教学之基础知识02-drawTriangles绘制两个三角形[转]
03-22
NULL 博文链接：https://ienown.iteye.com/blog/1008325
Laya2.0 渲染结构（2d）
最新发布
weixin_44414976的博客
05-17 578
引擎渲染计算逻辑层就是从这开始，RenderSprite 用链式方式，用位运算标记链式，这是一个很巧妙且省事的设计，但是有点浪费。每次渲染时renderType不一样，都会产生一条新的渲染链，当然这个渲染链是唯一的，只会被初始化一次。3，父类的渲染render，这部分需完成两部分工作，第一：计算出各个控件的参数，处理层级等。与上一个渲染元素图集，渲染参数一样，就会被判断可以发生合批工作，就不会创建新的submit。4，提交渲染节点，这里大致是与shader有关，提交绑定shader参数。
Graphics.drawTriangles方法。
he_wen_jian的专栏
08-20 1632
这里我就介绍我们今天用到的，在flash10中新增加的Graphics.drawTriangles方法。 drawTriangles字面理解，就是画三角形。当然adobe不会因为你需要画三角形才给你提供这个方法吧。其真正的作用是通过快速批量的画三角形来实现位图的扭曲。 这里我就贴API中对这个方法的介绍，来帮助大家理解这个方法的用途。 drawTriangles () 方法  
Layabox 引擎库 类名 版本: LayaAir IDE 2.0.1beta
weixin_34268610的博客
03-26 832
版本:LayaAir IDE 2.0.1beta laya.core.js ___Laya ColorUtils LayaGLQuickRunner DrawTextureCmd Point ColorFilterAction GraphicsBounds EventDispatcher Handler Const Graphics CacheManage...
HTML5开源游戏引擎lufylegend1.5.0发布
我的java
10-10 202
说明 lufylegend1.5.0版终于发布了，本来打算再完善一下才发布的，但是最近实在太忙了，1.5.0版拖了又拖，所以决定先发布，等继续完善后再发布1.5.1版，API也相对完善了一下,并加入到了下载包中，原谅偶复制粘贴...... lufylegend.js库件的下载及在线API文档请点击下面链接 http://lufylegend.com/lufylegend 一，1.5.0版更新内...
draw-triangles-2d:使用 Canvas2D 上下文绘制简单复形
07-11
使用 Canvas2D 上下文从单纯复形绘制索引三角形。 位置和单元格如下所示： { positions : [ [ 25 , 25 ] , [ 50 , 50 ] , ... ] , cells : [ [ 0 , 1 , 2 ] , [ 1 , 2 , 3 ] , ... ] } 演示： var ...
as3-blog-source-code:我（已不复存在的）FlashActionScript 博客上帖子的源代码
06-11
使用 Drawtriangles绘制 3D 形状：使用 graphics.drawTriangles 渲染 3D 形状。 将图像保存为高清：将位图对象转换为 JPEG 或 PNG 并保存。 创建音频可视化器：从音频中提取声音数据。 PixelBender 过滤器：如何...
flash绘图API：绘制三角形
夏天的树人的专栏
12-25 3173
绘图Api里面有一个drawTriangles 的方法，是比较让人着迷的APi ，通过使用这个方法，可以实现很多应用技巧。特别是填充方面可以变化出很多让人惊讶的效果。 这些都是依赖这个强大API。   下面通过这个APi 来实现绘制一个三角形，对比原始的方法，使用MoveTo 和LineTo 两个组合就可以实现了绘制的目的，然而既然有新玩法，就得花点时间去试试这个新玩意。 下面通过调
学习OpenGL ES之加载OBJ
weixin_33743703的博客
01-25 337
获取示例代码 OBJ文件是Alias|Wavefront公司为它的一套基于工作站的3D建模和动画软件"Advanced Visualizer"开发的一种标准3D模型文件格式，它是基于纯文本的一种文件，我们可以很方便的解析其中的数据，本文将介绍OBJ的基本数据格式和解析方法。 OBJ数据结构 我们先来看一个Cube的OBJ文件是什么样的。 # Blender v2.78 (sub 0) OBJ F...
Laya Sprite
JunChow
09-22 1387
游戏中Sprite精灵是在屏幕中能够被控制的显示对象，如果屏幕中的显示对象不能被控制那就只是一个节点。准确来说，Sprite精灵是一个能够通过改变自身属性，比如角度、位置、伸缩、颜色等，变为可控动画的2D图像。 结构 描述 Package laya.display.Sprite Class Laya.Sprite Inheritance Sprite / No...
As3 使用总结
流子的专栏
07-24 4014
1 代码写法     1 定义局部变量 定义局部变量的时候，一定要用关键字var来定义，因为在Flash播放器中，局部变量的运行速度更快，而且在他们的作用域外是不耗占系统资源的.当一个函数调用结束的时候，相应的局部变量都会被销毁，并且释放出他们占有的系统资源     2 申明变量时强制类型      var a:int; 而非 var a; 3  访问静态属性 比 非
canvas SVG webGL比较
u010513603的博客
05-17 6694
https://blog.csdn.net/olevin/article/details/512964701canvasHTML5 canvas也有相应的JS库。我用过并感觉不错的有如下一些：flot, 我第一个使用的canvas库。基于jquery，支持有限的视觉形式（折线、条形、面积、点）和缩放等动画效果，简单易用。RGraph，我第二个使用的canvas库。有优秀的动画效果，特点是有大量的传...
HTML5高级编程之图形扭曲及其应用二(运用篇)
我的java
10-26 294
上次介绍了在html5中实现图片扭曲效果的原理，并扩展成了drawtriangles函数， 下面是上文连接 HTML5高级编程之图形扭曲及其应用一(原理篇) http://blog.csdn.net/lufy_legend/article/details/8084367 下面来详细讲解一下drawtriangles函数的使用方法。并且使用drawtriangles函数实现下面这种处理效果 因为这...
HTML5高级编程之图形扭曲及其应用一(原理篇)
我的java
10-18 488
HTML5中的几种变形 HTML5中的变形，共有以下几种方法 scale() 缩放rotate() 旋转translate() 平移transform() 矩阵变形setTransform() 重设矩阵 这几个方法，对图片一共能完成下面几种处理 但是，如果要实现下面这种不规则的变形，就不行了 那咱们一步步，先来看HTML5的这几个方法。 1，缩放方法如下 &lt;!DOCTYPE htm...
Context3D类中的drawTriangles方法(利用GPU绘制三角形)
wkyb608的专栏
11-17 1337
使用此 Context3D 对象的当前缓冲区和状态呈现指定的三角形。 对于每个三角形，三角形顶点由顶点着色器程序处理，三角形表面由像素着色器程序处理。系统会绘制每个像素的来自像素程序的输出颜色，以便呈现目标，具体取决于印模操作、深度测试、源和目标 alpha 以及当前的混合模式。渲染目标可以是主渲染缓冲区或纹理。 如果启用剔除（利用 setCulling() 方法），则在像素程序运行前可以从场
HTML5高级编程之图形扭曲及其应用三(扩展篇)
我的java
11-27 307
本篇是该系列文章第三篇，前两篇介绍了在html5中实现图片扭曲效果的原理，以及drawtriangles函数的详细用法，连接如下 HTML5高级编程之图形扭曲及其应用一(原理篇) http://blog.csdn.net/lufy_legend/article/details/8084367 HTML5高级编程之图形扭曲及其应用二(应用篇) http://blog.csdn.net/lufy_le...
Graphics中的方法
yyw14叶筱薇17的博客
12-11 1159
Graphics中的方法 1.fillRect 填充矩形        例子：public void drawFood(Graphics g){ g.setColor(Color.blue); g.fillRect(food.col*TitleWidth+XOffset,           food.row*TitleHeight+YOffset, TitleWidth, 

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值