ND2Dx: continuation of a 2D Game Framework in AS3 for Stage3D

0 Flares Twitter 0 Facebook 0 Google+ 0 Pin It Share 0 Email -- Filament.io 0 Flares ×

Edit: if you want to see the current state of the source code of ND2Dx, I invite you to check the game tutorials I’m currently writing using ND2Dx: part1 & part2. My intent with those tutorials is to show how to make a game and explore the inner workings of ND2Dx.

It’s not yet stable and still under development. A couple of features are missing but the point of this framework is to limit those “base” features to a minimum and allow adding them easily via a simple technique named: component entity system.

Component Entity System

For those who don’t know, a component entity system is kind of like a plugin system where you have one common object (the entity) in which you add components that will enhance that object. The idea is to have a very flexible system where you can add, remove and mix components together without having to create extended objects of our common one (our base entity) and hard code those features you want in it. This allows for very simple re-usability and clean code.

In ND2D, our common object (or entity) is Node2D. It is a very basic object that acts like a DisplayObjectContainer in flash. It has transformation properties (x, y, scaleX, scaleY), color properties (alpha, tint), can contain components and as said before, acts as a container for other Node2D objects.

It is a very basic approach that allows for endless hierarchy.

So how ND2Dx works ?

Very easy πŸ™‚

The base of all is Node2D. It’s an object that will do all you need it to do in order to show things on screen, or not. It doesn’t have any information of what to show and how (except for transformation and color, that has to be set in that object in order to update its children more easily), yet. It’s just a container that can contain itself as well as components.

In order to show something, you will need to add a MeshRendererComponent (concept taken from Unity) that can contain a Material and a Mesh2D object. The Material object holds the texture and shader data. The Mesh2D object holds the vertices that will make the triangles required to show something on screen.

That’s it.

Biggest changes from original ND2D

  1. Component entity system: it allows to have only a base object that don’t need to be extended (it can but it’s not necessary to add new features)
  2. Mesh2D object: the mesh data is completely separated from anything and can be reused for different objects with different transformations (less memory usage)
  3. MaterialBase: uses Mesh2D and can now also be used by different objects. A couple of changes were also made to allow for more flexible batching.
  4. Texture2D: can now have subtextures (atlas). No need for TextureSheetBase, TextureAtlas, … anymore.
  5. RenderSupportBase: now the drawNode function only take one parameter: a RenderSupportBase object that will handle the rendering of the objects. This object can be extended to allow for different kind of batching (simple batch, cloud batching, custom mesh batching) and also allows for batching without having to use specific Node2D extended objects.
  6. AnimatedTexture & AnimatedTextureComponent: replaces TextureAnimation and all related objects. The material doesn’t need to handle animations anymore. This is all handled by the component.


When a framework targets game development, performances are very critical. I had a couple of doubts when I started to add the component system to ND2D. Adding such a system will undoubtedly add function calls and sending of variables here and there that will increase the cost in performance of the overall system. But I was really surprised when I ran my first benchmarks. I then added a couple of different batching techniques to the framework and got pretty impressive results compared to Starling.

This is a cloud batching technique taken from the original ND2D framework and adapted to the new ND2Dx. It is of course not suited for all uses but for most of them. On top of that, I removed the original restriction of the cloud batching allowing now the children of each node to be rendered and batched all together. Sprites are not animated.

ND2Dx: more than 17000 sprites
Starling: Β +- 9000 sprites



For animated sprites, I have:

ND2Dx: more than 11700 sprites
Starling: more than 3900 sprites

Those tests are not real case scenarios but they already show that ND2Dx is faster than Starling by a large margin.
Of course, every batching technique has its pros and cons. The cloud batching involved here only allows for batching quads with a specific set of attributes (no alpha and tint) but the RenderSupport system allows for more specific batching system handling different needs. A cloud batch with alpha and tint has already been developed but needs more tweaking in order to achieve the best results. I can already say that it’s a lit bit slower than the current one but still is fasterΒ than Starling.

The complete source code will be available soon.

0 Flares Twitter 0 Facebook 0 Google+ 0 Pin It Share 0 Email -- Filament.io 0 Flares ×


  1. Scott Enders

    Very cool and impressive. Got a link to a swf for us to play with your example?

  2. very soon πŸ™‚ I’m in the process of writing a couple of tutorials for making a game as well as showing how to use this framework.

  3. edi

    it looks very promising..
    did You compare nd2dx with genome2d?

  4. cool, i want to see more πŸ™‚

  5. Renan Muniz

    Wow, thanks! i’m a big fan of ND2D
    the performance always was killer! :]

  6. @edi: no I haven’t had time yet for that. I have the feeling Genome2D might be faster (seeing its own benchmarks compared to starling) but I have yet to discover it πŸ™‚

  7. hi,
    did You compare nd2dx with original nd2D ?

  8. no but it might be an interesting thing to do indeed πŸ™‚

  9. Sergi Kolesnik (@SergiKoles)

    Thomas, do MadComponents or any other UI works with ND2Dx?

  10. No, there is no UI framework for ND2Dx at the moment. I plan to build one as soon as I get the first parts of the IDE assembled.

    As for MadComponents, I don’t know them very well, at least not the latest revisions of them. I heard it could be rendered using stage3d but not sure. ND2Dx uses a display list architecture, so anything that was done with that in mind could be easily ported to it (as long as it uses bitmaps… vectors are tricky to render in shaders)

Leave a Comment