Booty5 HTML5 Game Editor Introduction

What is the Booty5 HTML5 Game Editor?

The Booty5 HTML5 game editor is a complete integrated development environment (IDE) that helps you to quickly create and test HTML5 2D games featuring Flash style animation for mobile and desktop using the Booty5 HTML5 game engine. The Booty5 editors main features include:

Create and organise game levels / maps and app layouts into scenes and actors (smart sprites)
Create and preview complex Flash style timeline based animations of entire scenes and their game objects
Create game logic using action lists that are presented in human readable format
Complete game and app creators integrated development environment (IDE)
Export in multi-resolution friendly format, allowing exported data to be used on any sized display
Assisted layout editing, including tools to enable easy layout / layout management, bookmarking, edge / vertex snapping, directional cloning and so on
Full drag and drop support, drop entire folders of resources onto the editor and it automatically sorts them all for you
Support for import of SVG, Texture Packer, audio and other formats
Support for physics including materials, shapes, fixtures, joints and the ability to test physics
Support for Javascript and other language editing, includes syntax highlighting, code folding and search / replace
Create and edit shapes, trace bitmaps to optimised shapes and split concave polygons to convex
Create and edit gradients then assign to game objects
Interactive play mode that launches the game from the editor
Create complete working / runnable projects right in the editor, no back-end services required
Support for bitmap animation
Support for user properties
Exports JSON so output can be used by any game engine that can read JSON
Deploy straight to Android via the Droidscript Android app
Export to CocoonJS, also tested with the Intel XDK, PhoneGap and node-webkit

Notes:

TexturePacker is a tool that is used to combine many images into a single image, usually referred to as a sprite / texture atlas. Packing images into a single image improves rendering performance and download speeds.
SVG (Scalable Vector Graphics) format is an XML based format that is used to represent two dimensional vector art work. The editor imports the following tags svg (scene), g (layer), image (actor), rect (shape) and path (shape or geometry). SVG is used by packages such as Inkscape and Adobe illustrator