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
At the moment the Booty5 Game Editor is in open beta and is free to use, you can download a free copy from here.
No examples are distributed with the editor, but you can download an archive of examples from here
The archive contains a collection of all Booty5 examples and games including two complete re-skinnable commercial games.
The Booty5 editor is the little brother of the native mobile and desktop game development IDE Goji Editor.
Coming Soon
The following features are planned or in the works:
- More HTML5 specific editing options
- Export to different game engines
Related topics:
- Basic concepts
- Editor layout
- World tree
- Properties panel
- Main canvas area
- Code editing
- Shape Editing and Tracing
- Working with Actions Lists
- Animations Editor
- Project properties
- Importing files
- Resource property reference
- Deploying to mobile
- Booty5 HTML5 game editor tutorials
- Booty5 HTML5 game editor reference
- Introduction to the Booty5 game engine
30,272 total views, 7 views today