Flax HTML5 Game Engine Development Diary Part 8 : Screenshots!

Well, it’s almost Christmas day and I am happy to announce that any followers of the Flax Engine development will soon see the fruits of our labour. In late January I will be putting together a video demo of the Flax Game Engine and Weave, the editor. By the end of February there will be a live demo for anyone with a modern browser to play with (that is, not Internet Explorer) – although hopefully with the release of IE9 we will see good canvas support.

Lately I haven’t been posting many articles as I have been busy with Christmas projects for college and, of course, training for the zombie apocalypse. Current training record stands at over 6000 zombies dead, 5 hours alive. Call Of Duty: Black Ops Zombie mode on the Kino der Töten map. Got to level 40 with 3 players, it was epic to say the least. Anyway, back to the update on the progress of Flax.


Flax on Android tablet

Flax on Android tablet

Like most of western Europe we here in Ireland have experienced some adverse weather conditions of late. Heavy snow fall in Carlow had closed the college for a few days and with the snow fall came a mood of laziness and nonchalance in general toward college. The Flax Project benefited greatly from this, with much progress was made. Particualury some nice visual progresses such as the successful running of Flax at 15fps on Webkit on a 1920*1920 canvas, rotating 2500 (32*32px) tiles by 45° every frame, though in the last week I have improved the drawing of the map to yield better fps. Another feature that we worked on during the snow-in was fullscreen mode, which now works on all devices, desktop, iPhone, Android, thanks to the viewport meta tag. Another exciting development to do with mobile devices is the touch interaction which I am currently working on, more on that next month.


Any one who follows me on twitter @C_McCann will have noticed many tweets at all hours of the morning referring to the massive coding marathons which I have done for about 5 days straight now. Much of the work I have been doing is on Weave, the map editor for the Flax Engine. Going from no editor to a nice tab based menu editor which allows maps to be imported/exported as JSON, simple tiling and loading of different tile sheets. All this editing is done live, while the game is running and all it takes is a hit of the backslash key to bring up the editor menu. I also have plans to implement collaborative map editing using node.js some time in the future.

Anyways I have to get back to coding, I will leave you with an epic screen shot of weave/flax been pushed to its limits. In the image below the engine is running and the editor. There is over 11,000 32 by 32 tiles been rendered on screen. Across two monitors, one 22inch (1680*1050) and the other 24inch (1920*1080). As you can see from the screenshot the FPS has dropped quite a bit, though this is only a stress test, we normally have a steady fps of 24 for a normal size map, i.e not 2 screens wide ha. The canvas in this image is 3591px by 933px. All the tiles seen in the image are the property of the The Pokémon Company and not our own.

Flax HTML5 Game Engine

Flax HTML5 Game Engine

Flax HTML5 Game Engine

Flax HTML5 Game Engine

Keep an eye on the blog here, follow us on twitter @flaxproject and facebook for more updates on live demos and videos of the engine in action in the coming year. To all our readers, Merry Christmas and a happy new year to you.

About the Author

Ciarán McCann

Flax Project Founder - Ciarán McCann is an extremely passionate and motivated programmer who has been programming for about 4 years now. Currently attending Carlow I.T studying computer games development. He has experience in many different programming languages, markup languages and general technologies. His role in the Flax Project is as a blogger/Web Designer and Flax Engine programmer. Please excuse any bad grammar/spelling, I am a bit on the Dyslexic side. Follow me on Twitter for info on what I am working on.

Visit Website


  1. Kevin Beirne January 2, 2011

    Wow lads, had no idea you guys had made so much progress. Congratulations. Must be great to finally see some real visible results coming through. Well done!

    • Indeed its coming along nicely, I had many a long nights of coding over the Xmass working on both the engine and editor which is quite exciting, as much of it is visible. Though some even more interesting features will be displayed in the video soon. Thanks Kev

Trackbacks for this post

  1. 六葉摩卡官方部落格 says:

    […] Flax HTML5 Game Engine Development Diary Part 8 : Snow!  | Flax Project […]