📚 Tutorials

Level 1 — Beginner L1

First-time game devs. You know basic JavaScript — variables, functions, if-statements. Get instant results without boilerplate.

  1. Create a Display and start it
  2. Draw shapes with Component
  3. Read keyboard & mouse input
  4. Move things with speedX / speedY
  5. Detect collisions with crashWith()
  6. Play sounds with Sound
  7. Game states with display.scene
  8. Images with setImage()
  9. Text with Tctxt
  10. Coin collector tutorial
Start here →

Level 2 — Intermediate L2

You've built a game or two. Comfortable with objects and loops. Now add polish — physics, animations, gliding, and camera work.

  1. Enable physics & gravity
  2. hitBottom() and bounce
  3. move.glideX / glideY / glideTo
  4. move.project — projectile motion
  5. Camera follow & smooth follow
  6. Camera zoom
  7. Sprite & AnimatedSprite
  8. TileMap basics
  9. Tctxt styled text UI
  10. Platform game tutorial
Start here →

Level 3 — Advanced L3

Building complete games with multiple systems. You understand architecture and want polished, responsive games.

  1. Scene management
  2. Particle system basics
  3. Built-in particle presets
  4. Continuous emitters
  5. Circle collision
  6. Camera shake & rotation shake
  7. Dynamic TileMap editing
  8. move.pointTo & move.circle
  9. fixed() — HUD anchoring
  10. Top-down shooter tutorial
Start here →

Level 4 — 10x L4

You understand the engine's internals. Optimising render loops, compositing canvases, batching draws, pushing limits.

  1. Dual-canvas with perform()
  2. The fake canvas explained
  3. Syncing fake & display cameras
  4. deltaTime-based movement
  5. clearMargin optimisation
  6. Custom particle system
  7. Extending the engine
  8. SoundManager deep-dive
  9. AnimatedSprite advanced
  10. Performance checklist
Start here →

Case Studies

Real games built with Limn Engine, explained step by step.

GameConcepts coveredLevelLink
Space ShooterParticles, camera shake, bullet arrays, enemy spawning, lives, deltaTimeL3Read →
Ball GamedeltaTime physics, bounce, paddle collision, speed scalingL2Read →

What's New in v4
  1. Dual-Canvas Renderer — display.perform()
  2. Better performance via offscreen fake canvas
  3. Full Particle System with 6 presets
  4. Camera Shake — positional and rotational
  5. Circle Collision Detection
  6. fixed() — Component anchored to screen (HUD)
  7. destroy() — properly removes from render loop
  8. Tctxt — Rich Text with background & padding
  9. AnimatedSprite with named animation clips
  10. Full SoundManager audio system
  11. clearMargin for render area control
  12. Bug fixes from TCJSGame v3