helpwithcs's public fiddles
-
SVG Artwork: My Little Bear
No-Library (pure JS), HTML, CSS, JavaScript
-
mr9baq3k
No-Library (pure JS), HTML, CSS, JavaScript
-
CS06: SVG: Smiling Face
No-Library (pure JS), HTML, CSS, JavaScript
-
Arasan to Unicode Transliterator
Basic mapping from Arasan font to Unicode. Please AVOID using Arasan or have it converted to a proper Unicode font.
-
Item Matching Game (Incomplete)
Different types of items must be matched to set of a chain reaction of items disappearing. Existing items will drop and take place of empty slots and any additional spots will be filled by new items.
-
AJAX Call to IMDBapi (incomplete)
Display response to movie title search using IMDBapi.
-
Raphael Blank Canvas
Blank canvas, so you do not have to start from scratch.
-
RaphaelJS Clickable USA Map
Converted with RaphaelJS Converter then added looped to sets making them clickable. ... Addition: Double click to remove a state.
-
Coloured TIles
Click a tile to change the fill colour.
-
Clown face 2
Produced using Adobe Illustrator to speed up the drawing.
-
Happy Clown Face
Basic drawing of a happy clown face.
-
Password
Basic demo of a randomly arranged numbers (0-9) that the user must press in order to "unlock the device."
-
Raphael Path Examples
Raphael 2.1.0, HTML, CSS, JavaScript
-
Visual Thermometer for Kids
This thermometer will show the temperature in green when in the normal range and red when
-
Visually Counting DNA Nucleotides
Visual solution of http://rosalind.info/problems/dna/ using Raphael.js
-
Raphael: Drawing & Decision Making
Basic demo showing how to capture and respond to mouse and keyboard input to draw circles (c), ellipses (e) and rectangles (r) or clear the canvas (q).
-
Raphael: Incomplete Tetris
A long way off from being the actual Tetris game. Click on the object to make it turn 90˚.
-
Raphael: Pop the Falling Bubbles
Basic game involving falling bubbles. Hover over the bubbles to make them "pop."
-
Raphael: Matching Game
Simple matching game. Select two similar images in order to make items disappear.
-
Raphael: Animate and Drag Items
Basic example showing how to drag shapes created using a for-loop.