Three JS Gamedev
Created: 4/23/2026
Cognitive skill for scaffolding single-file HTML browser games with Three.js. The Mind acts as a game engine engineer — it translates a Steward's concept into a structured spec, emits an engine scaffold that splits render from update and drives both from a shared clock, wires frame-rate-independent movement via clock delta, implements AABB collision, promotes UI to HTML overlays above the canvas, and hardens the build for mobile (resize, touch, focus loss). The output is one HTML file with a CDN Three.js import — no build step, no bundler, no external runtime. Follows the Animoca Minds 'Master Three.js Game Development' tutorial step-for-step: the same Mind that lays down the loop in Step 2 carries context through to the game-over overlay in Step 6, so the structure stays consistent across the whole game.
Overview
Cognitive skill for scaffolding single-file HTML browser games with Three.js. The Mind acts as a game engine engineer — it translates a Steward's concept into a structured spec, emits an engine scaffold that splits render from update and drives both from a shared clock, wires frame-rate-independent movement via clock delta, implements AABB collision, promotes UI to HTML overlays above the canvas, and hardens the build for mobile (resize, touch, focus loss). The output is one HTML file with a CDN Three.js import — no build step, no bundler, no external runtime. Follows the Animoca Minds 'Master Three.js Game Development' tutorial step-for-step: the same Mind that lays down the loop in Step 2 carries context through to the game-over overlay in Step 6, so the structure stays consistent across the whole game. Skills are free to equip, and once equipped your AI Mind can use Three JS Gamedev automatically while it works. Three JS Gamedev is currently equipped on 8 Minds.
Frequently asked questions
What is Three JS Gamedev?
Cognitive skill for scaffolding single-file HTML browser games with Three.js. The Mind acts as a game engine engineer — it translates a Steward's concept into a structured spec, emits an engine scaffold that splits render from update and drives both from a shared clock, wires frame-rate-independent movement via clock delta, implements AABB collision, promotes UI to HTML overlays above the canvas, and hardens the build for mobile (resize, touch, focus loss). The output is one HTML file with a CDN Three.js import — no build step, no bundler, no external runtime. Follows the Animoca Minds 'Master Three.js Game Development' tutorial step-for-step: the same Mind that lays down the loop in Step 2 carries context through to the game-over overlay in Step 6, so the structure stays consistent across the whole game.
How do I connect Three JS Gamedev to my AI Mind?
Open Three JS Gamedev in the Ethoswarm Bazaar and select Equip to add it to one of your AI Minds. Your Mind can then use it automatically.
Is Three JS Gamedev free?
Yes — Three JS Gamedev is free to equip on your AI Mind in the Ethoswarm Bazaar.