- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我查看了以下网站,了解有关编写 AGAL 以将纹理/位图渲染到 Stage3D
对象的一些信息:
http://iflash3d.com/shaders/my-name-is-agal-i-come-from-adobe-1/
但它似乎涵盖了更多有关如何在 3D 空间中创建对象的内容。也许无法避免?
但我还是要问这个:
将多个 sprite 渲染到 Stage3D
所需的基本 AGAL 代码和 AS3 代码是什么?
注意:不需要滤镜、效果或着色器 - 只需位置、缩放和旋转变换。此外,我不是在寻找在后台执行此操作的现有第 3 方 API。我想亲自试验一下这种低级语言。
最佳答案
这一切都在您链接的文章中进行了描述,唯一缺少使其成为“2d”的是创建一个正交投影矩阵。
var projection:Matrix3D = new Matrix3D(Vector.<Number>([
2 / (viewPort.right - viewPort.left), 0, 0, 0,
0, 2 / (viewPort.top - viewPort.bottom), 0, 0,
0, 0, 1 / (far - near), 0,
0, 0, near / (near - far), 1
]));
一个常见的抽象和优化是 Sprite 批处理。以下示例功能不完整,目前尚未实现颜色色调、排序、旋转和偏移,但这样做很简单。
package
{
import com.adobe.utils.*;
import flash.display3D.*;
import flash.display3D.textures.*;
import flash.geom.*;
import flash.system.System;
import flash.utils.*;
public class SpriteBatch3D
{
private static const SPRITES_PER_BATCH:int = 2048;
private static const DATA_PER_VERTEX:int = 4;
private var _context3D:Context3D;
private var _vertexBuffer:VertexBuffer3D;
private var _indexBuffer:IndexBuffer3D;
private var _program:Program3D;
private var _matrix3D:Matrix3D;
private var _numSprites:Number;
private var _sprites:Vector.<SpriteBatch3DSprite>;
public function SpriteBatch3D(context3D:Context3D)
{
if (context3D == null) {
throw new ArgumentError("context3D cannot be null.");
}
_context3D = context3D;
allocateBuffers();
allocateShaders();
allocateSprites();
}
private function allocateSprites():void {
_sprites = createSprites();
_numSprites = 0;
}
private function createSprites():Vector.<SpriteBatch3DSprite> {
var sprites:Vector.<SpriteBatch3DSprite> = new Vector.<SpriteBatch3DSprite>(SPRITES_PER_BATCH);
for (var i:int = 0; i < sprites.length; i++)
{
sprites[i] = new SpriteBatch3DSprite;
}
return sprites;
}
private function allocateShaders():void
{
var vertexAssembler:AGALMiniAssembler = new AGALMiniAssembler();
vertexAssembler.assemble(flash.display3D.Context3DProgramType.VERTEX,
"m44 op, va0, vc0 \n" +
"mov v0, va1 \n"
);
var fragmentAssembler:AGALMiniAssembler = new AGALMiniAssembler();
fragmentAssembler.assemble(flash.display3D.Context3DProgramType.FRAGMENT,
"tex ft1, v0, fs0 <2d,linear> \n" +
"mov oc, ft1"
);
_program = _context3D.createProgram();
_program.upload(vertexAssembler.agalcode, fragmentAssembler.agalcode);
}
private function allocateBuffers():void
{
_vertexBuffer = _context3D.createVertexBuffer(SPRITES_PER_BATCH * 4, DATA_PER_VERTEX);
_vertexBuffer.uploadFromByteArray(createVertexData(), 0, 0, SPRITES_PER_BATCH * 4);
_indexBuffer = _context3D.createIndexBuffer(SPRITES_PER_BATCH * 6);
_indexBuffer.uploadFromByteArray(createIndexData(), 0, 0, SPRITES_PER_BATCH * 6);
}
private function createVertexData():ByteArray
{
var data:ByteArray = new ByteArray;
data.length = SPRITES_PER_BATCH * 4 * (4 * DATA_PER_VERTEX);
data.endian = Endian.LITTLE_ENDIAN;
return data;
}
private function createIndexData():ByteArray {
var data:ByteArray = new ByteArray();
data.endian = Endian.LITTLE_ENDIAN;
data.length = (SPRITES_PER_BATCH * 6) * 2;
for (var i:int = 0; i < SPRITES_PER_BATCH * 6; i++)
{
data.writeShort(i * 4);
data.writeShort(i * 4 + 1);
data.writeShort(i * 4 + 2);
data.writeShort(i * 4);
data.writeShort(i * 4 + 2);
data.writeShort(i * 4 + 3);
}
return data;
}
public function dispose():void {
if (_vertexBuffer) {
_vertexBuffer.dispose();
_vertexBuffer = null;
}
if (_indexBuffer) {
_indexBuffer.dispose();
_indexBuffer = null;
}
}
public function begin(matrix3D:Matrix3D):void {
_matrix3D = matrix3D;
}
public function draw(texture:Texture, destination:Rectangle, source:Rectangle=null, origin:Point=null, color:int=0xFFFFFF, rotation:Number=0, depth:Number=0):void {
if (source == null) {
source = new Rectangle(0, 0, 1, 1);
}
if (origin == null) {
origin = new Point(0, 0);
}
if (_sprites.length == _numSprites) {
_sprites = _sprites.concat(createSprites());
}
_sprites[_numSprites].texture = texture;
_sprites[_numSprites].destination = destination;
_sprites[_numSprites].source = source;
_sprites[_numSprites].origin = origin;
_sprites[_numSprites].rotation = rotation;
_sprites[_numSprites].depth = depth;
_numSprites++;
}
public function end():void {
_context3D.setProgram(_program);
_context3D.setProgramConstantsFromMatrix(Context3DProgramType.VERTEX, 0, _matrix3D, true);
_context3D.setVertexBufferAt(0, _vertexBuffer, 0, Context3DVertexBufferFormat.FLOAT_2); // x, y
_context3D.setVertexBufferAt(1, _vertexBuffer, 2, Context3DVertexBufferFormat.FLOAT_2); // u, v
_context3D.setCulling(Context3DTriangleFace.FRONT);
_context3D.setDepthTest(false, Context3DCompareMode.ALWAYS);
// TODO sorting.
var sprites:Vector.<SpriteBatch3DSprite> = _sprites;
var texture:Texture = null;
var firstIndex:int = 0;
for (var index:int = 0; index < _numSprites; index++) {
if (texture != sprites[index].texture) {
if (index > firstIndex) {
renderBatch(texture, sprites, firstIndex, index - firstIndex);
firstIndex = index;
}
texture = sprites[index].texture;
}
}
renderBatch(texture, sprites, firstIndex, _numSprites - firstIndex);
_numSprites = 0;
}
private function renderBatch(texture:Texture, sprites:Vector.<SpriteBatch3DSprite>, offset:int, count:int):void {
if (_numSprites == 0) {
return;
}
while(count > 0) {
var data:ByteArray = new ByteArray;
data.endian = Endian.LITTLE_ENDIAN;
var size:int = count;
if (size > SPRITES_PER_BATCH) {
size = Math.min(sprites.length, SPRITES_PER_BATCH);
}
for (var i:int = offset; i < (offset + size); i++) {
data.writeFloat(sprites[i].destination.left);
data.writeFloat(sprites[i].destination.top);
data.writeFloat(sprites[i].source.left);
data.writeFloat(sprites[i].source.top);
data.writeFloat(sprites[i].destination.left);
data.writeFloat(sprites[i].destination.bottom);
data.writeFloat(sprites[i].source.left);
data.writeFloat(sprites[i].source.bottom);
data.writeFloat(sprites[i].destination.right);
data.writeFloat(sprites[i].destination.bottom);
data.writeFloat(sprites[i].source.right);
data.writeFloat(sprites[i].source.bottom);
data.writeFloat(sprites[i].destination.right);
data.writeFloat(sprites[i].destination.top);
data.writeFloat(sprites[i].source.right);
data.writeFloat(sprites[i].source.top);
}
_vertexBuffer.uploadFromByteArray(data, 0, 0, size * 4);
_context3D.setTextureAt(0, texture);
_context3D.drawTriangles(_indexBuffer, 0, size * 2);
offset += size;
count -= size;
}
}
}
}
import flash.display3D.textures.*;
import flash.geom.*;
internal class SpriteBatch3DSprite {
public var texture:Texture;
public var source:Rectangle;
public var destination:Rectangle;
public var origin:Point;
public var rotation:Number;
public var depth:Number;
}
用法
batch.begin(matrix);
batch.draw(texture1, new Rectangle(100, 0, 100, 100));
batch.draw(texture2, new Rectangle(0, 200, 100, 100));
batch.draw(texture3, new Rectangle(0, 500, 100, 100));
batch.draw(texture4, new Rectangle(900, 0, 100, 100));
batch.end();
然而,有一些琐碎的注意事项,因为纹理对象不携带宽度或高度 getter ,您正在处理纹素空间 (0...1) 中的源矩形
此外,Context3D 不携带任何有关视口(viewport)的信息,因此无法在内部构造矩阵,必须作为依赖项进行解析。
关于flash - 将纹理 (BitmapData) 渲染到 2D 空间中的 Stage3D 所需的低级代码是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7758760/
运行 Tomcat 失败并出现 java.lang.OutOfMemoryError - 与缺少 PermGen 空间相关的错误。 我最近将 Tomcat 更改为以自己的用户(而非 root)运行。
我们有一个表,其中包含数百万行,其中包含 PostGIS 几何图形。我们要执行的查询是:落在边界几何内的最新条目是什么?这个查询的问题是我们经常会有大量的项目匹配边界框(半径大约为 5 公里),然后
我有一个Elasticsearch设置,它将允许用户搜索通配符作为索引。 array:3 [ "index" => "users" "type" => "user" "body" => arra
我创建了一个表,其中每行包含两个按钮,并且两个按钮连接在一起,我想将两个按钮分开。我用过 不起作用,css 也是,这是他们的另一种方式。 我有另一个问题,因为我不想在表格边框内显示操作按钮,而是在靠近
我试图在 jQuery Mobile 中的两个按钮之间留出空白。现实中的布局是这样的: Button 1 Button 2 (Hidden w/ display: none)
按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
您好,我对图表应用程序还很陌生。现在我为我的应用程序创建了条形图。当我运行 create bar chart as separate project 时,输出如下所示。 然后当我将条形图与我的应用程序
我在使用 H2 和 GeoDB(内存中,junit)时遇到问题。 另外,使用 Hibernate 5(每个包的最新版本,包括 hibernate-spatial)和 Spring 4。 通过 id 实
我想画一张澳大利亚的 map ,并将每个城市表示为一个点。 然后突出显示人口众多(> 1M)的城市 library(sp) library(maps) data(canada.cities) head
关闭。这个问题是opinion-based .它目前不接受答案。 想改进这个问题?更新问题,以便 editing this post 提供事实和引用来回答它. 6年前关闭。 Improve this
如何保持.txt文件中存在的空格?在.txt文件中,它表示: text :text text1 :text1 text23 :text2 text345 :text3 如果我写这段
以下哪个键最大? 选项 1:16 个数字 [0,9] 选项 2:30 个元音 选项 3:字母表中的 16 个字母 选项 4:32 位 有人可以帮助我,告诉我哪一个是正确的答案以及我们如何计算它吗?我知
在 Unity 3d 中使用 Azure 空间 anchor 来实现在 iOS 和 Android 上部署的室内和室外增强现实体验是否有益? 最佳答案 是的,对于 Azure Spatial Anch
我有一个绝对定位的圆形图像。图像只需占据屏幕宽度的 17%,并且距离顶部 5 个像素。 问题是,当我调整图像大小以占据屏幕宽度的 17% 时,它会这样做,但同时容器会变长。图像本身不会拉伸(stret
我在 Ubuntu 14.04 上使用 Cassandra。从文档中,我可以看到运行命令: nodetool snapshot 创建我的 key 空间的快照。 命令的输出是: nodetool sn
Heroku引入了“私有(private)空间”,是否可以将现有应用迁移到私有(private)空间? https://blog.heroku.com/archives/2015/9/10/herok
是否允许在语义记录中使用非绑定(bind)空格 或其他 HTML 编码字符?我遇到的问题是 ; 字符被软件视为记录的结尾。 例如:假设我有一份婚姻记录,其中包含 2 个结婚者的姓氏、结婚年份以及结
我正在研究“智能 parking ”项目,偶然发现了包含我们真正需要的YouTube视频。我们已经实现了第一部分,即从视频源进行实时透视变换,下一步是将其定义为一组矩形 我基本上需要知道他是如何做到的
我有两个类:Engine 和 Trainset(多个单元),这两个类共享其 ID 空间,其中包含名称和系列 id=- . 这是我的Engine类(它是抽象的,因为有引擎的子类型(DieselEngin
如果有人能帮助我,那就太好了。 我正在尝试使用Java的Split命令,使用空格分割字符串,但问题是,字符串可能没有空格,这意味着它将只是一个简单的顺序(而不是“输入2”将是“退出”) Scanner
我是一名优秀的程序员,十分优秀!