Pragma says
coding
can be
fiddly diddly
but
funtastic
!
Creative Coding
JavaScript tutorials for Schools, Coding Camps and Workshops
MAGIC
SPELLS
SLATE
TEACH
Here are more examples of code
for when you are done your lessons!
ZIM BITS - example code
Drawing ZIM Shapes
Random from Array
Quick Log
to Console
Animate Properties
Make a Pop
Up Window
Drag and Drag Copy
Parallax 3D
Parameters or Objects
Swipes and Swiping
Snapping Multiple
Objects
Damping and Easing
Buttons, Radio Buttons,
Check Boxes
Drag, Slide
and Surround!
Tabs and Button Rows
Sequencing Animation
GUI Editor - Place
HotSpots!
Dials and Indicators!
Scaling Content
to Fit
Dynamic Drawing
with Easing
Scrollbars with
Sliders
Adding a URL
Registration Points
and Centering
Tiles and Pads
Masks and Masking
Sound Manipulation
Drawing with Blitting
Are Objects
Hitting?
Scrubbing an
Animation
Gradient and Gloss!
Swipeable Scroll
Window
Falling, Catching
and Dodging
Make a Maze
with ZIM
Physics with
Box2D
Buoyancy with
Physics!
Scroll Parallax
Effect!
Chaining Methods
Pages and Hotspots
Blend Modes
ZIM 4TH Methods
Ticker Engine
Custom Fonts
ZIM Pizzazz!
Sprites and
SpriteSheets
Saving Data
and JSON
Side Scroller
Animated Background
Color Picker
for Propeller!
Path Finding
Level Editor!
3D with ThreeJS
Icon and
Toggle Buttons!
Skew for Effect
Animate Circles
and Spirals
ZIM loop()
CODE PEN - serious code
Bloob!
Generative Art App
ZIM Coaster
Unlocklet
Multiuser Letters
Flowers
Talking Head
Gangnam Donut
ZIM Generator
A-HA Game
Drone
Sound Visualization
Teleporter Network
Async Data
Flutter Comparison
ZIM at 26%
Optical Illusion
Scroll Parallax
100 Shapes
ZIM Tip()
100 Stars
Dynamic Lists
VUE Comparison
ZIM at 40%
Frankie is Loaded!
Blob Mask
42% the HTML
Love!
ZIM Emitter
Repetition
ZIM Tile
Advent Calendar
with Countdown
Ornament Decorator
Summer Bubbles!
Bat Light!
Hello World Typos!
Emitter
3D Phone Gallery
Isometric
Game of Life
ZIM on HTML
Splat!
GSAP Comparison
Cut and Paste
Arrows on Path
Interactive Overlay
Star Wars!
Organizer
Gen Art
Rings
Hero!
Game with Data
Pegs
SVG Comparison
Positioning
Demonstration
Registration Points
Demonstration
Color Sliders
Flip Flutter!
Comparison at 47%
Control my Heart 2
Dr Abstract Dancing!
Puppet Blobs!
Generative Art
Holiday Lights!
Tree Puzzle
Radial Menu
Happy Holidays!
With Beads
Saucer Sprite
at 29% CreateJS
Controlled Noise
Create!
GreenSock
Comparison
Radial Menu
Letter Animation
Grim Reaper
Perspective Path
Emitter Trail
Code General
Multiple Select
Ghoul Gate!
CSS Comparison
ZIM at 10% size
Peace
Drone Game
P5js Comparison
ZIM at 42% size
Dr Abstract's Car
Soundscape
Animated Arrow
Five Line
BlendMode Tool
Pinball Sparkles
21% Vanilla
DOTGON
Color Game
Pizzazz Arrows
Animated Blob
Op Art
Tweet Doctor!
Web App
Collector Card
Fibonacci Brain
Math Visual
Syllable Creator
Web App
Noodles
Physics Game
3D Icon
with zDog
Pulldown Menu
PixiJS
Comparison
React Comparison
with ZIM at 40%
CSS Animation
Comparison
Ice Cream
Color Detect
Rocket on
Path Game
Zdog 3D
in ZIM
Tiles
CodePen
Greet
3D Planet
Anti-grav
Physics
SVG Blob
PaperJS
Compare
Star Ship
Alien Portal
Moire Patterns
Dancing
Aliens
Isometric
Maze
PolyPlace
Game
Dancing Blob!
Parallax Domes
ZINKLE
Tarbell Inspired
Poly Pen
Blobatar
(prototype)
Data
Visualization
Moustache
Pen on Path
Pen in Bounds
Apple Physics
Spark on Fuse
Primary Prism
Spider Web
Ghostly Button
Squiggle to Blob
Score Board
Dynamo & Accelerator
Sprite & Scroller
Hand-drawn
Maze
Global and Local
Coordinates
Generative Art
Shape Tween
Animated Blob
Kaleidoscope
Virtual Reality
Depth Shifting
Transformable
Layers
Drag on Path
Animated Pen
Path Animation
Canvas Styles
Pages and
Hotspots
Responsive
Design (3)
Responsive
Design (2)
Responsive
Design (1)
Beautiful Noise
Button Types
Cool Parallax
Particle Art
Patterned Progress
Easy Sprites
ZIM would like to thank Karel Rosseel
for making ZIM Kids better!