TradieTetris - HTML5 Packing Puzzle Game (Source Code)

Gameplay features

• 24 hand-checked levels ("jobs"), from a 4x4 letterbox fix to a 7x9 dream home build. A bundled solver confirms that every level can be solved.
• Drag and drop with mouse or touch:
  • Tap a piece to rotate it, or use the Rotate button or R key.
  • A second finger rotates while dragging.
• A green or red ghost shows whether a piece will fit
• Undo, reset, hints (limited per level), a move counter, a timer and a 1-3 star rating
• Obstacles: bolted-on toolboxes and trailer wheel arches
• Level select with locked and unlocked jobs; stars and best scores are saved in the browser
• Title, level select, how-to-play, pause and level-complete screens
• Synthesised sound effects, with a mute toggle

Tech

• Plain HTML5 and JavaScript, with no framework, no CDN and no build step, and it works offline
• Runs from any static web host, or straight from index.html in Chrome, Edge and Firefox
• Mobile first (portrait phones), and also plays on desktop and tablets
• All art is drawn in code and all sound is generated with the Web Audio API, so there are no image or audio files to license.

Easy to customise

• One commented settings file (js/config.js) controls:
  • title, tagline and every message (good for translations)
  • colours and material looks
  • hints per level, star rules, piece shuffling and rotation
  • timer, and an "unlock all" switch
• Simple level format in js/levels.js, so you can add or edit jobs.
• tools/verify-levels.js (Node) and tools/verify.html check that every level can be solved.
• Ad and analytics placeholders in js/hooks.js, ready for a portal SDK

What's included

• Full source code: index.html, css/, js/ and assets/
• TradieTetris-play.html: the whole game in one file. Rebuild it with tools/build-single.js.
• Tools:
  • level verifier (Node and browser)
  • single-file builder
  • promo art renderer
• README.md, HTML documentation (docs/index.html) and LICENSE.txt

Controls

• Drag pieces with the mouse or a finger.
• Tap a piece, or press R or Space, to rotate it.
• Z or Backspace undoes, H gives a hint and Esc opens the menu.