HTML5 Tools Jam
From BostonGameJams
Contents |
Preparing for the jam
Good stuff to learn before the jam
Jam Projects
Charmode
The Project
- Inspired by Steve Harter's work on Crossroads I & II for the C64, this Javascript library is for making old school 8-bit-computer custom-character-graphics style games. Programmers will be able to define graphics as character strings in the code itself rather than calling external files. Using the open web language Processing.js enables the game to run directly in the browser.
- Description of proof of concept game
Programmer
Scripting Language and/or Tools
- Processing.js A port of the Processing Visualization Language
Procedural Audio Generation Tool: SFMaker
The Project
- Inspired by the simple game sound generator sfxr, this tool procedurally generates game sounds within a browser interface. Game developers can use this tool to create audio on the client so that bandwidth doesn't need to spent on downloading audio content.
- Works in all browsers, although not all sound files will run in IE.
- Project Page
- SFDesigner (live demo) (Use Chrome!)
Programmer
Scripting Language and/or Tools
- Javascript
Parallaxing Background Support for ALES
The Project
- Starting with CSS3′s support for multiple backgrounds in order to create a parallax effect within a div like this, the project will enable the creation of continuous background animation in Akihabara through a 2D parallax motion plug-in for ALES.
Programmer
Scripting Language and/or Tools
- ALES and its default toolset
- jQuery
Importing and Transferring Objects as Plugins in ALES
The Project
- This endeavor improves the ALES (level editor) tool by enabling an Akihabara developer to drag and drop browser objects such that they load into the framework as plugins. For example, the lava sprite here can be dragged directly into the Admin plugin area here. This allows existing code to be shared instantly (between developers) from the source to the loaded editor while also recalling and automatically reloading whenever the page is refreshed. Similarly, all existing objects in ALES are loaded as plugins and transferred along with the level when it is shared by generated URL.
Programmer
Scripting Language and/or Tools
- ALES and its default toolset
- jQuery
Interchangeability of ALES Default Plugins
The Project
- Allows for the interchange of default-objects settings for the mix and match of plugins treated as objects when loading.
Programmer
Scripting Language and/or Tools
- ALES and its default toolset
- jQuery
Playing Cards Javascript Library
The Project
- A Javascript library for use in building a game that operates a deck of playing cards.
- HTML5 and CSS code for visual representation of card manipulation in a sample web browser card game.
Programmer
Scripting Language and/or Tools
- Javascript
Quintus
The Project
- 3D world builder and voxel game engine
Programmers
Scripting Language and/or Tools
- Listing Tools
Tutorials
--> Please add links to good tutorials you've used or found, for anything HTML5-related... including audio and art stuff.
Guidelines
Writing code
How to be helpful to others
- Break your techniques out into discrete functions
- This helps others understand the various steps in your algorithm (without even needing comments!)
- This also helps people learn how to do some of the more atomic operations you'd want to do with HTML5, like how to grab the text of a file that was just dropped onto a page from a desktop
- This will help YOU understand your code four hours later when it would otherwise seem foreign
