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
Booty5 2D HTML5 game editor screenshot

Booty5 2D HTML5 game editor screenshot

Booty5 HTML5 code editor

Booty5 HTML5 code editor

Booty5 HTML5 shape editor

Booty5 HTML5 shape editor

Booty5 HTML5 gradient editor

Booty5 HTML5 gradient editor

Booty5 HTML5 shapes example

Booty5 HTML5 shapes example

Booty5 HTML5 Actions Editor

Booty5 HTML5 Actions Editor

Booty5 HTML5 tile map editor

Booty5 HTML5 tile map editor

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:

15,764 total views, 11 views today