djwelsh's public fiddles
-
Random Number Generator TNF p32
No-Library (pure JS), HTML, CSS, JavaScript
-
SVG Doodler v0.1
Draws lines, rects, circles and bubbles (small scattered circles) in various colors on a dynamically-generated SVG.
-
SVG Doodler VIc
Draws a simple circle onmousemove across a dynamically-generated SVG. Added functionality: shiftKey now makes a perfect circle.
-
SVG Doodler V
Draws a simple rectangle onmousemove across a dynamically-generated SVG.
-
Common Activities Generator I
Pulls a random activity out of an array. For use in the classroom, to help with switching up role play scenarios.
-
Daily Activities Generator
Pulls a random activity and time out of an array. For use in the classroom, to help with switching up role play scenarios.
-
SVG Doodler IIIb
Draws random size/color circles onmousemove across a dynamically-generated SVG. Added a randomizing variable so the circle scatter slightly around the cursor point.
-
SVG Doodler IV
Draws a simple freehand line onmousemove across a dynamically-generated SVG.
-
SVG Doodler III
Draws random size/color circles onmousemove across a dynamically-generated SVG.
-
Tracking Mouse Events
Attempting to find a reliable way to determine if the mouse is no longer over a given element. If the mouse leaves the element after the mouse button is depressed, it should be detected by the document at once. My hope is to make the SVG Doodler II work around the bug that currently plagues it, namely that if the user leaves the canvas while the mouse is down, then reenters the canvas, the Doodler keeps drawing ad infinitum no matter what combination of mouse events are subsequently attempted.
-
SVG Doodler II
Draws random size/color circles onmousemove across a dynamically-generated SVG. Version II implements mouse clicks for starting and stopping animation.
-
Daily Activities Generator II
Pulls a random day, activity and time out of an array. For use in the classroom, to help with switching up role play scenarios.
-
Daily Activities Generator
Pulls a random activity and time out of an array. For use in the classroom, to help with switching up role play scenarios.
-
Daily Activities Generator
Pulls a random activity and time out of an array. For use in the classroom, to help with switching up role play scenarios.
-
Curvinator
Simple tool for manipulating arcs in SVG.
-
SVG Doodler
Draws random size/color circles onmousemove across a dynamically-generated SVG.
-
zenToHan
Converts full-width Japanese alphanumeric characters to half-width ones.
-
3htMQ
No-Library (pure JS), HTML, CSS, JavaScript
-
D3NKZ
Raphael 2.1.0, HTML, CSS, JavaScript