Skip to main content

Tutorials

How to Distribute Your Games Beginner

Export your game and publish it on the web, desktop, mobile, itch.io, and Steam.

by assertchris

Sprites Audio
How to Add a Custom Cursor Beginner

Hide the default cursor, design a pixel-art replacement, and make it follow the mouse.

by assertchris

Sprites Input
How to Build a Virtual Cursor Intermediate

Control a cursor with the keyboard, scroll larger worlds with the camera, and handle clicks on objects.

by assertchris

Shapes Sprites Input Camera Collision
How to Build a Save/Load System Intermediate

Store game state in localStorage and cookies, validate loaded data, throttle writes, and export save strings.

by assertchris

Text Input
How to Build a Platformer Intermediate

Add gravity, solid platforms, jumping, one-way platforms, coyote time, enemy stomping, and reactive blocks to your game.

by assertchris

Shapes Sprites Text Input Collision
How to Take Screenshots Beginner

Capture the game canvas as an image and trigger a PNG download with one function call.

by assertchris

Shapes Text Input
How to Use the Map System Beginner

Build tile-based levels with layers, manage multiple maps, and scroll the camera across worlds larger than the screen.

by assertchris

Text Input Camera Maps
How to Add Custom Keybinds Beginner

Create an input mapping layer, let players rebind keys at runtime, and persist their preferences with localStorage.

by assertchris

Shapes Text Input
How to Build a Raycasting Engine Advanced

Cast rays across a grid map, project 3D walls from hit distances, sample textures from sprites, and add distance shading — all with pset and basic trig.

by assertchris

Pixel Shapes Text Input
How to Build Click-to-Move Navigation Intermediate

Build a top-down game with click-to-move navigation, BFS pathfinding around obstacles, grid-snap and free movement modes.

by assertchris

Shapes Sprites Text Input Maps
Pathfinding Deep Dive Advanced

Expand BFS to eight directions, add terrain costs with Dijkstra, and speed up search with A* — all on the same grid, with visual comparison.

by assertchris

Shapes Sprites Text Input Maps
How to Build a Plugin Beginner

Create reusable engine extensions with the plugin API, test them in draft mode, and publish releases.

by assertchris

Shapes Text Input
How to Build a Couch Co-op Racer Intermediate

Draw a top-down race track, add tank-style steering with acceleration, a second player, car collisions, off-track penalties, and a three-lap finish.

by assertchris

Shapes Sprites Text Input Maps
How to Build a Top-Down Adventure Intermediate

Build a tile-based world with a walking character, wall collisions, NPC interactions, and a dialogue system.

by assertchris

Sprites Text Input Camera Maps
How to Build a Monster-Catching RPG Advanced

Build a top-down world with random encounters, turn-based combat, HP bars, a monster-catching mechanic, and a party system.

by assertchris

Shapes Sprites Text Input Camera Maps
How to Build a State Machine Beginner

Organize your game into distinct states — title screen, gameplay, game over — using a simple mode variable that controls what updates and draws each frame.

by assertchris

Shapes Text Input
How to Use Object Pooling Intermediate

Pre-allocate and recycle objects instead of creating and destroying them every frame — watch the FPS counter prove it works.

by assertchris

Shapes Text Input
How to Build a Spawning & Wave System Intermediate

Spawn enemies from the edges, organize them into waves, and ramp difficulty over time — a reusable pattern for any arena survival game.

by assertchris

Shapes Text Input
How to Build Camera Systems Intermediate

Follow a player with a smooth camera, clamp to world bounds, and add screen shake for impact — three systems every action game needs.

by assertchris

Shapes Input Camera
How to Build a Bullet Heaven Intermediate

A survivors-like game with auto-attacking projectiles, enemy waves, XP collection, and upgrade choices — built on object pooling, wave spawning, and camera systems.

by assertchris

Shapes Text Input Camera
How to Build a Hint UI Intermediate

Toggle visual overlays to highlight game objects, draw connections between related elements, and build a help system players can activate on demand.

by assertchris

Shapes Text Input
How to Build a Scene Manager Intermediate

Build a scene manager with level select, progress tracking, and transitions — using a collect-the-gems mini-game.

by assertchris

Shapes Text Input
How to Add Game Juice Intermediate

Screen flash, particle bursts, pulsing indicators, and easing curves — small tricks that make a breakout game feel alive.

by assertchris

Pixel Shapes Text Input
How to Build a Sokoban Game Intermediate

Push boxes onto targets across hand-crafted levels — with undo, scene management, a hint overlay, and animated polish.

by assertchris

Pixel Shapes Sprites Text Input Maps
How to Add Screen Shake & View Bobbing Intermediate

Add walking rhythm and collision feedback to a first-person raycaster — a sine-wave view bob when moving and exponential-decay screen shake when bumping walls.

by assertchris

Pixel Shapes Input Camera
How to Add Fog & Lighting Intermediate

Replace flat distance shading with dithered fog, add a parabolic player torch, and place volumetric street lamps in a first-person raycaster.

by assertchris

Pixel Shapes Input
How to Add Monster Spawning & Pathfinding Intermediate

Render billboard sprites in a first-person raycaster, give monsters line-of-sight chasing and BFS pathfinding around walls, and spawn them with area triggers.

by assertchris

Pixel Shapes Input
How to Add Scene & Level Management to a Raycaster Intermediate

Load multiple maps, transition between levels with a fade effect, track player progress, and build a complete game flow for a first-person raycaster.

by assertchris

Pixel Shapes Text Input
How to Add Poster Decals & Props Intermediate

Learn how to place wall-mounted decal textures and freestanding props with collision in a raycaster.

by assertchris

Pixel Shapes Input
How to Build Levels From Pixel Art Intermediate

Learn how to define raycaster levels as pixel art and build higher-fidelity wall textures, posters, and props from multiple sprites.

by assertchris

Pixel Shapes Input