Candlejack's public fiddles
-
Canvas Game Foundation
This is a bare bones foundation for making a HTML5 canvas game; it has the basics but no actual game content. NB. Interested in 2022!
-
Detect IE, alter select/option/dropdown for IE8
Good example of IE detection, plus example of how to manipulate select/dropdown in an IE8 browser.
-
Tag / Category Styling
Styling category and tag labels at the end of an article for a typical blog
-
Stack Overflow Tags
Styling article tags as per the Stack Overflow design
-
Basic 'wandering' AI for neutral NPC
Experimentation with creating a very simple way to make a 'neutral' NPC wander in an 'aimless' way around the map. The NPC should: - pick a random direction in which to move - stop and pick a new (random) direction when they come across a non-traversable tile - treat the edge of the canvas like a non-traversable tile
-
Odd/Even class generator
Dynamically add alternating classes of 'odd' and 'even' to a list of markup items.
-
Sticky Header - adding smoothness
Taking an existing function and adding smoothness, while retaining the original functionality.
-
HTML5 GAME
HTML5 canvas game: - tile-based map - Neutral and Hostile mobs NB. Interested in 2022!
-
HTML5 Tile-based Game
HTML5 canvas game using a tile-based map. NB. Interested in 2022!
-
Testing map loading
HTML5 canvas game; testing the map loading/rendering process. NB. Interested in 2022!
-
Fractal Tree
No-Library (pure JS), HTML, CSS, JavaScript
-
Working example of navigating 2D array
This is an example of how to get the index of a value in a 2D array. ie. return a value like [0][0] rather than '1' NB. Interested in 2022!
-
Finding a room in the worldMap
Example of navigating 2d arrays for the tile-based map game NB. Interested in 2022!
-
g97vok3c
No-Library (pure JS), HTML, CSS, JavaScript
-
Rearrange order of divs with jquery .before()
jQuery 1.9.1, HTML, CSS, JavaScript
-
HTML5 Canvas Game: Example of working image loading
In this example, images load correctly and the game can start with all the assets ready to go.
-
auto text size inside text area [jQuery]
Cool thing from this stackoverflow question: http://stackoverflow.com/questions/25204285/textarea-resize-font-issue-ie-10
-
HTML5 Canvas Game: Example of broken image loading
No-Library (pure JS), HTML, CSS, JavaScript
-
Playing with z-index values
jQuery 1.9.1, HTML, CSS, JavaScript
-
HTML5 Tile-based Game
HTML5 canvas game using a tile-based map.