Setup & Installation
Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:
What This Skill Does
Covers building web-based games and game engines using HTML5 Canvas, WebGL, and JavaScript. Includes starter templates and workflows for 2D and 3D game types, from platformers to maze games. Supports physics, collision detection, audio, multiplayer, and game publishing.
Combines engine architecture, ready-to-use templates, and framework-specific guidance (Phaser, Three.js, Babylon.js) in one place instead of requiring separate references for each concern.
When to use it
- Building a browser-based platformer from scratch
- Adding collision detection to an existing canvas game
- Setting up multiplayer with WebRTC
- Publishing and distributing a web game
- Implementing touch and gamepad controls for mobile
Example Workflow
Here's how your AI assistant might use this skill in practice.
User asks: Build a basic 2D breakout-style game in the browser
- 1Creates an HTML file with a canvas element and gets the 2D rendering context
- 2Sets up a requestAnimationFrame game loop with delta time
- 3Defines paddle, ball, and brick objects with position and velocity properties
- 4Implements AABB collision detection between the ball and bricks/paddle
- 5Adds keyboard controls, scoring, and win/lose conditions
A self-contained HTML file with a working breakout game running in the browser