The iio Engine: A New Open Source HTML5 App Framework

[Cbas]

[img]http://iioengine.com/img/iio-thumb.png[/img]

[b]The iio Engine[/b]
[i]A new open source framework for HTML5 applications[/i]
[i]Powered by JavaScript and Canvas[/i]
[i]Integrated with Box2D[/i]

[url=http://iioengine.com/]Website[/url]
[url=http://iioengine.com/demos]Demos[/url]
[url=http://iioengine.com/docs/iio-basics]Documentation[/url]
[url=http://iioengine.com/tutorials/]Tutorials[/url]
[url=http://iioengine.com/forums/]Forums[/url]
[url=http://iioengine.com/tutorials/quick-start]Quick Start Guide[/url]

For several months I have been consolidating and porting my game engine code libraries to a web based application framework. I will use this engine to power all of my existing original games and then use it to start some new, much more ambitious projects. Obviously there are a few other frameworks out there for HTML5 and JavaScript, but I'm sort of a do-it-yourself kind of developer and I felt that I could create a library that was more robust and easy to use than those that were available.

Part way through my journey of creating this engine, I realized that other developers who were interested building in web apps might also find the framework useful, so I decided to put together a website dedicated to the distribution and documentation of the project: [url=http://iioengine.com/]iio Homepage[/url]

This engine is, and always will be completely open source and free to use, extend, and re-purpose.

I will continue working to extend the engine and I welcome anyone who would like get on board with the project. iio still has a long way to go component-wise (the next adventure is a sound library!), but it is already an extremely good starting point for simple 2d games and custom engines.

One of the coolest aspects of iio is its integration with Box2D. The iio Engine provides a graphics engine attachment and application base to Box2DWeb, and is coded to make working with B2D objects easier than ever. check out the Box2D Docs page for more details: [url=http://iioengine.com/docs/box2d]Box2D Docs[/url]

Post here or on the iio Forums if you have any questions, comments, or feedback. The iio Engine will always be a work in progress, but I will always share that progress with online developer communities.

[djjkxbox360]

This is actually pretty neat, why has no one commented about this?

[Ravens]

Looks really cool, i want to check out how exactly Box2d is integrated in this.

[URL="http://www.youtube.com/watch?v=WbaWdyDipcw"]Relevant?[/URL]

[Cbas]

[QUOTE=Ravens;40501495][URL="http://www.youtube.com/watch?v=WbaWdyDipcw"]Relevant?[/URL][/QUOTE]

Haha. I found them when I started looking for domain space. different pronunciation and capitalization though, I think we can both exist.

Thanks to some community members and some of my own work this week, a few new features and demos have already been added to the Engine. See [url=http://iioengine.com/forums/Thread-New-Features-in-Github-Distrib]this post[/url] for more details, but most notably, there is now a Sprite Mapping component and a simple Mario Platformer demo.

This is the only code needed to parse a spritesheet into animation sequences for an object

var mario = new ioRect(io.canvas.center, 16, 32);

var marioMap = new ioSpriteMap('img/mariobros.png', 16, 32, function(){

                //code runs when image has loaded
		mario.addAnim(marioMap.getSprite(0, 2), 'walking')
		     .addAnim(marioMap.getSprite(3, 5), 'jumping')
		     .addAnim(marioMap.getSprite(6, 6), 'standing');
}

All these updates are now up on [url=https://github.com/sbiermanlytle/iioengine]Github[/url] and included in the homepage SDK download.

The purpose of iio is to make content creation as simple as possible. I hope this will allow more people to break into the world of app design, and also lay down a solid framework for an automated experience design system ([url=http://www.newscientist.com/blogs/onepercent/2012/12/ai-game-designer.html]this is sort of where iio is headed[/url])