Flash заметки

Роботы вдохновленные животными

VirtualMaestro — Fri, 18 May 2012 10:00:09 +0000

Сравнение производительности: Starling vs ND2D vs Genome2D vs Haxe NME

VirtualMaestro — Thu, 10 May 2012 09:58:15 +0000

Интересный тест производительности нашел в сети.
Сравниваются три флеш движка и один Haxe-NME. Напомню, что Haxe-NME это инструмент, который компилирует код haxe в “родной” код для нескольких платформ.

Тестирование производилось на нескольких мобильных устройствах. А это значит, что три флеш движка работают через AIR технологию и они пока не могут тягаться с “родным” кодом, НО результаты очень близки к нему, что не может не радовать.
Еще одну радость приносит, что Genome2D обул всех (на графике видно что для Nexus One он немножко проигрывает старлингу, но в комментариях автор генома сказал, что получил результаты как раз наоборот – genome2d где то на 8% быстрее нежели Starling).

В личной беседе автор сказал, что даже если у пользователя Flash Player не поддерживает видеокарту, то при возврате на CPU режим genome2d будет все-равно быстрее чем другие движки.

В комментариях, похоже, все сошлись на том, что AS3 является наибольшей преградой производительности.

Состоялся релиз Genome2D 0.9.1

VirtualMaestro — Sun, 06 May 2012 22:27:06 +0000

Было исправлено много больших и маленьких ошибок.
Одно большое изменение в том, что был выделен шейдер для спрайтов, которые не используют альфа канала. Это позволило поднять производительность на iOS и Android до двух раз.
Также, был встроен новый профайлер, который включается enableStats = true в конструкторе классе GContextConfig при инициализации движка.
Профайлер показывает следующую информацию – FPS, Min/Max mem, количество вызовов процедур рисования на кадр, количество текстур на GPU.

Обновлена документация и примеры:
ASDoc
Примеры
Библиотека

Ссылка на страницу оригинала. Также, на этой странице вы можете проголосовать над какой функциональностью автору работать в будущем.

Пре-релиз FP 11.3 и AIR 3.3

VirtualMaestro — Sat, 05 May 2012 21:07:53 +0000

Вчера вышел пре-релиз FP 11.3 и AIR 3.3.
Новшества можно прочитать тут.
Новые фичи, это хорошо, но вызвало печаль сообщение о том, что не была понижена планка поддерживаемых видеокарт. Поддержка драйверов начиная с 2006 года будет включена только в этот пре-релиз, в релизе ее отключат. Вернут ее в будущих релизах.
Тут еще хотелось добавить пару гневных возгласов, но остается только надеяться, что они знают чего делают.

Genome2D – Начало начал

VirtualMaestro — Thu, 03 May 2012 11:59:19 +0000

Скорее всего информацию в этой статье надо было дать одной из первых, но, как говорится, “лучше поздно чем не туда…”
Размышление вслух. Поехали.

В Genome2D используется компонентный подход.
Все дерево иерархии берет свое начало от root (Genome2D.root). Листьями (или узлами) этого дерева являются ноды (GNode).
Все компоненты для того, чтобы быть на сцене и/или как-то участвовать в ее жизни должны быть помещены в эти ноды. Не помещенный в дерево компонент никак не влияет на сцену. Также ноды могут содержать другие ноды – как и в Display list’e называемые детьми, но компонент в ноде может быть только один (на самом деле не один, но этого лучше не делать, чтобы избежать проблем). Итак, чтобы добавить компонент на сцену создаем сам компонент, создаем для него нод (GNode) и добавляем его к этому ноду, после добавляем этот нод в дерево сцены. И вот наш компонент на сцене.

В отличии от привычной для флеш разработчиков модели Display list’а и его компонентов тут все работает немного по другому. Например, трансформации любого вида НЕ применяются к компоненту напрямую, только к его ноду. Это позиция, вращение, масштабирование, цветовая коррекция, и даже видимость – все эти параметры задаются через нод в его свойстве transform. Тоже касается интерактивности. Все события мыши, а также события добавления/удаления со сцены надо слушать от нода. Как уже говорилось Genome2d не использует “родную” систему событий, вместо этого используются сигналы (в частности библиотека AS3Signals). Все сигналы можно легко узнать по префиксу ‘on’ (onMouseClick).
Подробней по полям и методам нода можно обратится в доку.

Каждый кадр класс genome2d вещает четыре события обновления и отрисовки – onPreUpdate, onPostUpdate, onPreRender, onPostRender (имена сигналов должны говорить сами за себя). Вещаются они в указанном порядке.
Сигнал onPreUpdate можно также использовать как enterFrame, он вызывается самым первым перед всеми обновлениями нодов и их рендеринге.
onPostRender вызывается последним после всех обновлений и отрисовке.

Если вы добавили в дерево комопненты для рендеринга, это не значит, что они появятся на экране. Ничего не отображается пока на сцене нету камеры. Класс отвечающий за камеру GCamera.
С помощью битовой маски можно настроить какие ноды камера будет отображать, а какие нет. Для этого в GNode есть поле cameraGroup, а в камере – mask.

Если (camera.mask & node.cameraGroup) != 0, тогда камера будет рендерить этот нод.

На сцене может быть несколько камер, будет отдельная статья по мультикамерам.
Чтобы понять, что такое камера представьте себе стол на котором лежат изображения и вы смотрите на этот стол через окошко и для того, чтобы увидеть другое изображение вам надо передвинуть это окошко. То есть, для того, чтобы создать иллюзию движения вы не двигаете деревом компонентов, вы двигаете окном через которое смотрите.

Пока больше не придумал чего написать. Надо сказать, что сейчас Genome2d активно развивается и почти каждый день выходят ночные билды в которых существующая функциональность меняется, добавляется новая и удаляется не нужная. Потому, обратная совместимость постепенно теряется.
Уверен, что к следующему релизу будет множество изменений в АПИ. Необязательно это будут какие то масштабные изменения, но уже сейчас вижу, что где то добавился третий обязательный параметр, где убрались какие то свойства и т.д.
Ну и конечно же фиксятся ошибки

Пока так. Если есть какие либо ошибки/неточности велком в комменты.

Список редакторов уровней для 2d игр

VirtualMaestro — Thu, 03 May 2012 11:16:13 +0000

Рыл для себя доступные левел редакторы и как результат ниже небольшой список:

tIDE Tile Map Editor (tile-based)
GLEED2D (non tile-based)
Tile Map Editor (tile-based)
D2D Map editor (tile-based)
DAME editor (tile-based)
iTileMaps (для iOS, tile-based)
Ogmo Editor
Gumbo

Ссылки на первоисточники тут и тут. Там есть еще редакторы.
В своем списке я выбрал наиболее лучшие и развивающиеся. Все остальное я посчитал хламом.

Если вы знаете еще редакторы, прошу в комменты.

Genome2D – MovieClip

VirtualMaestro — Wed, 11 Apr 2012 21:04:55 +0000

В этой статье поговорим о MovieClip’ах.
Если мы говорим о какой либо анимации, которая будет исполнятся с помощью GPU, мы всегда в конечном итоге будем иметь дело с текстурными атласами.
Что такое текстурный атлас? Проще говоря это картинки собранные в одну картинку. Еще их называют спрайтшитами (Sprite sheet) (Примеры)
Например, мы имеем анимацию ниндзи, которая идет влево. Мы нарисовали пять картинок анимации (5 спрайтов) и поместили их в одну картинку. В коде мы будем работать с одной картинкой. Когда нам надо показать на экране какой-либо спрайт мы просто задаем область в нашей большой картинке, которую надо показать. Если нам надо анимацию, то мы последовательно меняем спрайт.

Вот пример атласа, который будет использоваться в данном примере:

Когда создается атлас, кроме картинки также создается XML файл в котором описан каждый спрайт – его имя и координаты по которым его достать.
Genome2D содержит богатый функционал по созданию атласов, но вы должны подумать о том, чтобы сгенерировать атлас внешними программными средствами, чтобы не делать это в рантайм. Одна из таких программ Texture Packer http://www.texturepacker.com/ (также эти программы имеют более богатый функциональный набор и более грамотно делают атласы).

Немного кода:

[Embed(source = "../assets/ninja.xml", mimeType = "application/octet-stream")]
public const NinjaEmbeddedXML:Class;

[Embed(source = "../assets/ninja.png")]
public const NinjaEmbeddedBitmap:Class;

Здесь мы просто подключили атлас и его XML файл.
Далее создаем эту картику, XML и после этого с помощью фабрики GTextureAtlasFactory.createFromBitmapDataAndXML создаем текстурный атлас. Первым параметром строковая уникальная переменная имя атласа далее bitmapData нашего спрайт-шита и XML файл.

var bitmapAtlas:Bitmap = new NinjaEmbeddedBitmap();
var atlasXML:XML = XML(new NinjaEmbeddedXML());
var textureAtlas:GTextureAtlas = GTextureAtlasFactory.createFromBitmapDataAndXML("textureAtlasId", bitmapAtlas.bitmapData, atlasXML);

XML файл использует Sparrow формат, он легко экспортируется с выше упомянутого Texture Packer. Автор думал над тем, чтобы сделать свой формат но похоже что Sparrow формат имеет все что нужно, потому решил что будет использовать его. Выглядит он так:

xml version="1.0" encoding="UTF-8"?>
<TextureAtlas imagePath="ninja.png">
<SubTexture name="nw1" x="1" y="1" width="42" height="50"/>
<SubTexture name="nw2" x="44" y="1" width="42" height="50"/>
<SubTexture name="nw3" x="87" y="1" width="42" height="50"/>
<SubTexture name="nw4" x="130" y="1" width="42" height="50"/>
<SubTexture name="nw5" x="173" y="1" width="42" height="50"/>
<SubTexture name="nw6" x="1" y="52" width="42" height="50"/>
<SubTexture name="stood" x="44" y="52" width="42" height="50"/>
TextureAtlas>

Имя спрайта, позиция и размеры.

Теперь у нас есть атлас и мы можем начать создавать MovieClip.
Создадим нод с мувиклипом:

var node:GNode = GNodeFactory.createNode();
var movieclip:GMovieClip = node.addComponent(GMovieClip) as GMovieClip;

Далее определим какие же спрайты попадут в нашу анимацию. Для этого создаем массив и наполним его названиями нужных спрайтов (в нужной нам последовательности):

var animation:Array = ["nw1", "nw2", "nw3", "nw2", "nw1", "stood", "nw4", "nw5", "nw6", "nw5", "nw4"];

После зададим все параметры нашему мувиклипу – текстурный атлас, кадры анимации и фреймрейт для анимации:

movieclip.setTextureAtlas(textureAtlas);
movieclip.frames = animation;
movieclip.frameRate = 30;

Положим нод нашего мувика в корневой нод:

rootNode.addChild(node);

Ну и на конец добавим камеру в наш rootNode, чтобы все это видно было Не забывайте добавлять камеру на сцену, так как по-умолчанию камеры нет и ничего не видно.

var cameraNode:GNode = GNodeFactory.createNode("camera");
cameraNode.addComponent(GCamera);
rootNode.addChild(cameraNode);

Один мувиклип может воспроизводить анимации из других атласов. Напр., у вас есть несколько атласов и один мувик должен воспроизводить в конкретное время какую либо анимацию из этих атласов. Для этого ему достаточно в нужный момент установить нужный атлас и анимацию.

movieclip.setTextureAtlas(textureAtlas2);
movieclip.frames = animation2;

Также дополнительно вы можете использовать сабтекстуры с вашего атласа. Это дает повышение производительности путем группирования нескольких спрайтов, которые будут связаны с одной GPU текстурой.

var node:GNode = GNodeFactory.createNode();
var sprite:GSprite = node.addComponent(GSprite) as GSprite;
sprite.setTexture(textureAtlas.getTexture("stood"));

Также, текстурный атлас можно создать программно с MovieClip, Bitmap, Font и т.д.

На этом пока все.
Исходники тут. Результат:

Genome2D – Начало (update)

VirtualMaestro — Tue, 10 Apr 2012 21:12:43 +0000

Это небольшая модификация предыдущей статьи. Не хотелось трогать старую, потому решил написать небольшой апдейт.
Дело в том, что с выходом новой версии Genome2d 0.9.0 некоторые вещи поменялись – структура пакетов, новые классы и методы – весь этот рефакторинг направлен на лучшую структуризацию и логичность движка, а также для будущей простоты изменения.
Итак, напишу тот же код, что и в предыдущей статье только под новою версию двига.

Инициализация. Так как нету больше софтверного рендерера, нету больше необходимости в контексте рендерера G2DStage3DContext.
Вторым параметром надо передать экземпляр класса GContextConfig (обратите внимание на префиксы в классах – теперь они G, а не G2D).

Genome2D.getInstance().onInitialized.addOnce(onGenome2DInitialized);
Genome2D.getInstance().init(stage, new GContextConfig());

Переходим к хендлеру onGenome2DInitialized
Текстуры следует создавать через новый класс-фабрику GTextureFactory

var bitmapData:BitmapData = new BitmapData(32, 32, false, 0xFF0000);
var texture:GTexture = GTextureFactory.createFromBitmapData("textureId", bitmapData);

Также создавать ноды следует тоже через новый класс-фабрику GNodeFactory

var container:GNode = GNodeFactory.createNode("container");
Genome2D.getInstance().root.addChild(container);

var cameraNode:GNode = GNodeFactory.createNode("camera");
cameraNode.transform.x = stage.stageWidth / 2;
cameraNode.transform.y = stage.stageHeight / 2;
cameraNode.addComponent(GCamera);
container.addChild(cameraNode);

Нету больше фабричного метода в классе компонента – G2DComponent.createWithNode
Если надо создать нод с компонентом следует использовать фабрику GNodeFactory.createNodeWithComponent

var sprite:GSprite = GNodeFactory.createNodeWithComponent(GSprite, "sprite") as GSprite;
sprite.setTexture(texture);
sprite.node.transform.x = stage.stageWidth / 2;
sprite.node.transform.y = stage.stageHeight / 2;
container.addChild(sprite.node);

Краткое обновление сделано. Следующие статьи будут естественно на новый лад с новой версией движка.

Релиз Genome2d 0.9.0

VirtualMaestro — Mon, 02 Apr 2012 11:28:51 +0000

Вчера вышла новая версия Genome2d 0.9.0
Этот релиз не несет в себе новых фич, но был направлен на рефакторинг и чистку проекта. Данная версия будет последней перед версией 1.0 (которая по видимому будет содержать много новых фич) и является крайне важным этапом.
Давайте посмотрим чего изменилось.

Только один рендер движок.
Автор вырезал полностью софтверный движок, оставив только Stage3d. В софтверном двиге больше нет нужды, так как AIR 3.2 поддерживает аппаратное ускорение на мобильных платформах, а Adobe держит фокус на поддержку старых версий драйверов, это значит что на старых компах можно будет запускать флешки с поддержкой Stage3d.
Избавившись от софтвера автор сможет сфокусироваться на фичах, которые просят люди, не думая о том, что это еще надо будет реализовать для софт. двига (а это занимает много времени). Вместе с этим библиотека будет меньше в весе.

Связанные списки везде.
Хотя и в прошлых версиях тоже использовались связные списки но вместе с ними использовались массивы, которые помогали реализовать дополнительную функциональность. Но также они замедляли исполнение. Например, массивы помогали реализовать такие методы как getChildAt/setChildIndex, но они очень медленны и несли накладные расходы в других местах двига. В конце-концов автор решил вырезать массивы и с ними эти методы, в которых, как он утверждает, не видит нужды.
Например, для итерации теперь можно работать напрямую с списком, что намного быстрее чем использовать getChildAt, а для сценариев где нужно было использовать setChildIndex почти всегда можно использовать swapChildren.
Для таких вещей как сортировка, автор реализовал свою сортировку заточенную для использования с списками и потому она очень быстрая, быстрее чем родной флешевой сорт. Сортировать “детей” можно по их x,y или через свою кастомную используя свойство userData.

Че за фигня с этими именами?
В новой версии первым делом можно заметить изменения в именах пакетов и классов. Теперь все находится в новом рутовом пакете com.genome2d вместо старого com.flash-core. Также, для большего удобства, был изменен префикс к классам – вместо прежнего G2D теперь только G (это пожелание пользователей).

За фабриками будущее.
Следующим шагом рефакторинга был вынос создающих методов в отдельные классов. Новые классы-фабрики будут содержать эти методы. Такой подход более структурирован и логичен.
Существуют три фабрики: GTextureFactory, GTextureAtlasFactory и GNodeFactory. Теперь, рекомендуется использовать фабрики вместо того, чтобы создавать объекты напрямую (через конструктор).
Например, вы можете создать напрямую new GNode(), но лучше это делать так GNodeFactory.createNode(), так как в будущем могут быть интегрированы дополнительные зависимости и чтобы избежать головной боли и кучи рефакторинга используйте фабрики.

www.genome2d.com
Автор зарегистрировал домен специально для проекта Genome2D, пока еще он редиректит на его блог но в ближайшем будущем поставит его на ноги.
Также, автор просит помощи в создании примеров, документации, туториалов, так как все сам не выгребает, да и кодить больше любит.

Open source
Начиная с версии 1.0 Genome2D будет в опен сорс.

Ссылки
Новые примеры
Последняя версия библиотеки
ASDoc документация

Ну что ж, пора поковырять его

Релиз FlashPlayer 11.2 и AIR 3.2

VirtualMaestro — Wed, 28 Mar 2012 07:19:13 +0000

Да, это случилось сегодня, с чем всех поздравляю
Скачать FlashPlayer 11.2
Скачать AIR 3.2

О новшествах писали много (может и я чего чиркану). Одно из новшеств, это тихая установка FP. Когда впервые устанавливается FP, показывается вот такое диалоговое окно, где рекомендуемым параметром установлен пункт “Устанавливать обновления автоматически”