ZIM - mobile and e-learning apps with ZIMjs components for JavaScript and HTML Canvas with CreateJS


Dr. Abstract explains and defines UI UX user interface and user experience for the HTML Canvas with JavaScript, CreateJS and ZIMjs interactive media framework Puzzles are perfect for making with ZIM. Puzzles help people escape the woes of the world! Word puzzles, number challenges, matching games, memory classics, pattern play, etc. Select MORE for ideas and how ZIM can help!

Types

Countless puzzles have been made with code and many types have been made with ZIM. Here are some examples:
  • Jigsaw Puzzles
  • Memory Puzzles
  • Sequence Puzzles
  • Word Search Puzzles
  • Hangman and Word Scrambles
  • Mathematical Puzzles
  • Spot the Differences
  • Find the Objects
  • Connect the Pipes
  • Mazes
  • Locked Room Puzzles
  • Mysteries

Techniques

ZIM along with CreateJS and JavaScript provide the following that help us build puzzles:
    JavaScript
  • Variables for memory
  • Arrays for collections
  • Conditionals for logic
  • Random numbers for variety
  • Canvas tag for display
  • Classes, Objects, Methods, Properties
  • LocalStorage for saving local data

  • CreateJS
  • Stage placed on the Canvas
  • Containers for organizing
  • Display Objects for visuals
  • Preloading and Sounds
  • Events for interactivity
  • Ticker and a hit test
  • Tween animation

  • ZIM
  • Easy shapes - Circle, Rectangle, Triangle
  • Single Line drag and drop with boundary
  • Swiping, gesture and transforms
  • Multiple types of hit tests
  • Integrated animation and wiggle
  • Pick class for dynamic parameters
  • Components for interface
  • Label for lots of control over text
  • Keyboard for custom input
  • Tile for... tiling
  • rand() for ranges
  • shuffle() to randomize arrays
  • loop() for efficiencies
  • SelectionSet for multiple selections
  • Paths and dragging on paths
  • Integrated physics
  • Async for loading from server
  • Wonder for tracking puzzle times, etc.
  • MotionController for mouse, keys, or gamepad
"Love working with ZIM! Just finished going thru the 64 Zim Bits - very cool stuff!" - Dan Loranz

MORE
In the mood for a challenge?
open links in new tab

Vault 7 Break-in Puzzle
Vault 7 Break-in Puzzle

Vault 6 Break-in Puzzle prequel to Vault 7
Vault 6 Break-in Puzzle prequel to Vault 7

Tea Bugs Path Puzzle collect cubes, around cups
Tea Bugs Path Puzzle collect cubes, around cups

Any drawing can be a Maze with this clever technique
Any drawing can be a Maze with this clever technique

Nanora Logic Puzzle with cool story
Nanora Logic Puzzle with cool story

Sample Matching Puzzle for kids
Sample Matching Puzzle for kids