初探Stage3D(二) 了解AGAL
关于本文
本文并无打算事无巨细的介绍一遍AGAL,仅仅是对现有文档的一些理解及汇总,所以请先阅读相参考文档
AGAL概念
参考资料
- http://www.adobe.com/devnet/flashplayer/articles/what-is-agal.html(英文)
- http://www.adobe.com/cn/devnet/flashplayer/articles/what-is-agal.html (中文)
建议去看英文,中文翻译的很烂,要是想看英文,请在下方将语言换为英语,否则仍旧自动跳转回中文
如文档中所说,AGAL(Adobe Graphics Assembly Language) 是一种接近于GPU指令的语言,同Pixel Bender3D的区别在于
一个事先需要先编译好(Pixel Bender3D),
另外一个仅仅为一段字符串(借助AGAL Mini Assembler),可以在运行期间动态改变。
关于AGAL语法
<opcode> <destination>, <source 1>, <source 2 or sampler>
什么是AGAL Mini Assembler
文档中提及的AGAL Mini Assembler是一个小类库,下载地址http://www.bytearray.org/wp-content/projects/agalassembler/com.zip
主要是用于将字符串形式的AGAL转换为ByteArray。
在代码中最后上传这些操作给GPU时候,实际用到的方法为
var program:Program3D = context3D.createProgram();
program.upload( vertexShaderAssembler.agalcode, fragmentShaderAssembler.agalcode);
可以在API中查到,参数类型为ByteArray,而非字符串
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display3D/Program3D.html
所以才需要一个小类库,将字符串转化为ByteArray
一个例子
m44 op, va0, vc0 // pos to clipspace
mov v0, va1 // copy color
根据语法来说,第一个m44 和 mov 均为指令集
mov:
moves data from source1 to destination, component-wiseadd:
destination = source1 + source2, component-wisesub:
destination = source1 – source2, component-wisemul:
destination = source1 * source2, component-wisediv:
destination = source1 / source2, component-wisedp3:
dot product (3 components) between source1 and source2dp4:
dot product (4 components) between source1 and source2m44:
multiplication between 4 components vector in source1 and 4×4 matrix in source2tex:
texture sample. Load from texture at source2 at coordinates source1.
要了解后续代码的意思,需要引入寄存器的概念
关于Registers(汇编语言中有讲过)
AGAL doesn't use variables to store data, like ActionScript and other high level languages do. AGAL just uses registers.Registers are small memory areas in the GPU that AGAL programs (Shaders) can use during their execution. Registers are used to store both the sources and the destination of AGAL commands.
什么是Vertex Shader,什么是Pixel shaders
参考资料:
- http://stackoverflow.com/questions/832545/what-are-vertex-and-pixel-shaders
- http://en.wikipedia.org/wiki/Vertex_shader#Vertex_shaders
就我个人理解,应该可以认为Vertex Shader主要处理顶点相关的计算,如在数学上定义的一个三角形x(0,1,0),y(1,0,0),z(0,0,1),将这个三角形进行缩放,旋转等操作时候需要用到 Vertex Shader,
当该三角形完成以上全部操作后,后续的对其进行着色(UV map等)操作时候就需要用到Pixel shaders
6种寄存器类型
- va<n> : Attribute registers -- 仅用于处理Vertex Shader,一共有8个,va0~va7
- vc<n> fc<n> : Constant registers -- 用于存储从AS中传入的变量,Vertex Shaders可以用128个,及vc0~vc127,Pixel Shaders可以用28个,及fc0~fc27
- vt<n> ft<n> : Temporary registers -- 用于存储计算中产生的临时数据,Vertex Shader和Pixel shaders各有8个,vt0~vt7 (Vertex Shaders),ft0~ft7 (Pixel Shaders)
- op oc : Output registers -- 存储计算的结果,op用于存储Vertex Shaders,oc 用于存储Pixel Shaders
- v<n> : Varying Registers -- 用于将Vertex Shader的数据传给Pixel shaders进行渲染,一共有8个,对应为v0~v7(个人理解 因为Attribute registers仅有8个)
- fs<n> <flags> : Texture sampler registers -- 用于UV映射(3D渲染原理内具体说明)
再看例子
根据AGAL语法:<操作指令>,<目标>,<数据源1>,<数据源2>
m44 op,va0,vc0
将va0(顶点坐标),和vc0(AS中传入的变量)执行m44(矩阵相乘),放入op(顶点计算结果)中
一点疑惑
例子中的两行代码是否有任何关系?
m44 op, va0, vc0 // pos to clipspace mov v0, va1 // copy color
因为第二行代码仅操作的 v0 和va1 和op没有任何关系,在后续中我会说一下我自己做的Demo,其中的Shader是

//compile vertex shader var vertexShader:Array =
[
"dp4 op.x, va0, vc0", //4x4 matrix transform from 0 to output clipspace
"dp4 op.y, va0, vc1",
"dp4 op.z, va0, vc2",
"dp4 op.w, va0, vc3",
"mov v0, va1.xyzw" //copy texcoord from 1 to fragment program
]; //compile fragment shader var fragmentShader:Array =
[
"mov ft0, v0\n",
"tex ft1, ft0, fs1 <2d,clamp,linear>\n", //sample texture 1
"mov oc, ft1\n"
];

可以看出 仍旧之前先操作va0, 但是最后一行仍旧是操作的va1—> mov v0,va1.xyzw
已经在stackoverflow上面发帖,希望能够得到解答
http://stackoverflow.com/questions/13854785/adboe-agal-confused-about-the-registers
对于疑惑的解答
后来有人在StackOverflow上面回帖了,我也自己看了一下代码,在Demo里面(后续会放出),存在如下代码
{
context.setVertexBufferAt(0, _buffer, 0, Context3DVertexBufferFormat.FLOAT_2); //xy
context.setVertexBufferAt(1, _buffer, 2, Context3DVertexBufferFormat.FLOAT_2); //uv
context.setTextureAt(1 , texture);
}
该代码的意思及为,在va0中放入了顶点坐标,在va1中放入了uv坐标。
所以例子中的五行
"dp4 op.x, va0, vc0",
"dp4 op.y, va0, vc1",
"dp4 op.z, va0, vc2",
"dp4 op.w, va0, vc3",
"mov v0, va1.xyzw"
可以拆分为两部分理解,前四行操作的是vc0中的变换,最后存入op
第五行做的操作其实是为了后续的fragmentShader操作做准备(如不太明白,可以查阅 什么是Vertex Shader,什么是Pixel shaders)
整体AGAL做的事情可以理解为:就是执行多种变换,最终结果存入op和oc 两个寄存器中
初探Stage3D(二) 了解AGAL的更多相关文章
- 初探Stage3D(一) 3D渲染基础原理
关于本文 本文主要想介绍一下3D渲染的基本流程,及怎样把一个三角形(0,1,0),(1,0,1),(0,0,1)最终渲染到屏幕上来.文章的目的是对3D渲染流程做一个简单的介绍,其中不涉及任何语言的AP ...
- C#进阶系列——DDD领域驱动设计初探(二):仓储Repository(上)
前言:上篇介绍了DDD设计Demo里面的聚合划分以及实体和聚合根的设计,这章继续来说说DDD里面最具争议的话题之一的仓储Repository,为什么Repository会有这么大的争议,博主认为主要原 ...
- Docker的使用初探(二):Docker与.NET Core的结合
目录 Docker的使用初探(二):Docker与.NET Core的结合 添加Dockefile 1. 在创建项目时添加 2. 手动添加 3. 容器业务流程协调控制程序支持 Dockefile语法 ...
- VB 共享软件防破解设计技术初探(二)
VB 共享软件防破解设计技术初探(二) ×××××××××××××××××××××××××××××××××××××××××××××× 其他文章快速链接: VB 共享软件防破解设计技术初探(一)http ...
- 规则引擎以及blaze 规则库的集成初探之二——JSR94 的规则引擎API和实现
http://jefferson.iteye.com/blog/67839 规则引擎以及blaze 规则库的集成初探之二——JSR94 的规则引擎API和实现
- DDD领域驱动设计初探(二):仓储Repository(上)
前言:上篇介绍了DDD设计Demo里面的聚合划分以及实体和聚合根的设计,这章继续来说说DDD里面最具争议的话题之一的仓储Repository,为什么Repository会有这么大的争议,博主认为主要原 ...
- 初探Stage3D(三) 深入研究透视投影矩阵
关于本文 本文主要讲解从数学的角度如何推导出Stage3D中用到的两个投影矩阵 perspectiveLH public function perspectiveLH(width:Number,hei ...
- react初探(二)之父子组件通信、封装公共组件
一.前言 在组件方面react和Vue一样的,核心思想玩的就是组件,下面举两个组件常用的情景. 场景一:假如我们现在有一个页面包含表格以及多个弹框,这种时候如果将这个页面的业务代码写在一个组件中,那么 ...
- Key/Value之王Memcached初探:二、Memcached在.Net中的基本操作
一.Memcached ClientLib For .Net 首先,不得不说,许多语言都实现了连接Memcached的客户端,其中以Perl.PHP为主. 仅仅memcached网站上列出的语言就有: ...
随机推荐
- [转]15年双11手淘前端技术巡演 - H5性能最佳实践
[原文地址]:https://github.com/amfe/article/issues/21 前言 2015年是全面『无线化』的一年,在BAT(财报)几家公司都已经超过50%的流量来自移动端,这次 ...
- hibernate date类型插入数据库时精度只到日期没有时间
由hibernate 的逆向工具从数据库表生成的*.hbm.xml ,对于数据库的date类型生成如下: <property name = "crttime" ...
- BlueDream.js(蓝梦)——jQuery网站使用引导插件
小菜在前端世界游荡有些时间了,常见的插件多少有些了解,但却很少看到用户引导插件. 所谓用户引导插件,就是在第一次使用某个网站时,会弹出一些小动画,告诉你网站的基本使用方法,帮你快速入门. 这应该是个常 ...
- C#与数据库访问技术总结(十)之添加&删除
说明:上一篇文章写了更新数据,接下来就是添加和删除数据了. 添加记录 从程序员的角度看,向数据库中添加新的记录与更改现有记录没有任何区别. 为SQL INSERT命令或者存储过程创建一个Command ...
- CSS3系列之3D制作 再研究
水平翻转效果: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <t ...
- 减小Chrome的内存占用的参数
步骤: 1.右击chrome浏览器快捷方式 属性 目标 后面添加 --purge-memory-button 2. 按 shift+esc 查看进程
- java防止脚本注入,通过拦截器实现
1:利用action过滤 package com.tsou.comm.servlet; import java.util.Enumeration; import java.util.Map; impo ...
- node.js在windows环境下的安装
node.js官网 https://nodejs.org/en/ Download
- Html+css 练习写页面发现的错误及解决办法。
最近开始模仿写一些静态页面,今天模仿的是中华咨询网.写了一个简单的js(功能:当鼠标hover一级菜单的时候,设置二级菜单为显示,当鼠标hover二级菜单的选项时候,二级菜单不收回.当鼠标移出菜单一级 ...
- php header函数详解
客户机的请求方式格式:是统一资源标识符.协议版本号,后边是MIME信息包括请求修饰符.客户机信息和可能的内容!服务器响应格式:一个状态行包括信息的协议版本号.一个成功或错误的代码,后边是MIME信息包 ...