skills.rest
PlayableIntelligence
PlayableIntelligenceOFFICIAL
Explore all skills by this author →
GitHub

threejs-game

Build modular Three.js browser games with an event-driven architecture.

307|37|Updated Jan 28, 2026
Search Tags:#architecture#webgl#modular#threejs#webgpu#game-development#eventbus
One-click install
npx skills add https://github.com/PlayableIntelligence/game-creator --skill threejs-game-playableintelligence
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: threejs-game
Source: https://github.com/PlayableIntelligence/game-creator/tree/main/skills/threejs-game
Command: npx skills add https://github.com/PlayableIntelligence/game-creator --skill threejs-game-playableintelligence

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building 3D browser games often lacks a clear, scalable architecture. This skill provides a modular, event-driven blueprint based on Three.js, including core patterns and reference patterns to ensure consistency across teams.

Core Features & Use Cases

  • Event-driven architecture with a Game.js orchestrator, and core patterns like EventBus, GameState, and Constants.
  • Comprehensive reference materials (core-patterns.md, input-patterns.md, tsl-guide.md) and a clear project structure to support scene setup, input handling, asset loading, and performance optimization.
  • Use cases range from starting new games from templates to incremental feature additions (inputs, UI, audio, and shader patterns) with consistent quality.

Quick Start

Create a new project and run the provided Three.js scaffolding to begin building your modular 3D game.

Frequently Asked Questions about threejs-game

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a scalable Three.js game architecture for the browser?▼

To build scalable Three.js browser games, use a modular, event-driven architecture with an orchestrator Game.js, EventBus, GameState, and Constants to enforce consistent structure across teams.

What is the best way to handle inputs in a modular Three.js game?▼

Handling inputs in modular Three.js games is managed through event-driven patterns, utilizing provided input-patterns.md references to ensure consistent and decoupled user interaction processing.

Can I use WebGPU instead of WebGL for my Three.js browser game?▼

Yes, the architecture supports both WebGL and WebGPU backends for Three.js browser games, providing performance guidelines and shader patterns to optimize rendering across different hardware.

How do I add new features incrementally to an existing Three.js game?▼

You can incrementally add features like UI, audio, and shaders to Three.js games by applying modular core patterns and reference guides, ensuring consistent quality without breaking existing architecture.

Does a Three.js browser game project require a specific file structure?▼

Yes, the skill enforces a required file structure for Three.js games, mandating Game.js, EventBus, GameState, and Constants modules to maintain scalability and consistency across development teams.

Related Skills

Explore More Software Engineering Skills→
TbK0ngTbK0ng

trellis-bootstrap

Initialize Trellis AI workflow scaffolding with .trellis structure, memory, and CLI hooks.

Community
Intermediate
dgkngkdgkngk

3d-games

Explains 3D game development principles including rendering pipelines, shaders, physics, and lighting.

Community
Intermediate
automatedigitalautomatedigital
1

typegpu

Synchronize WebGPU and TypeGPU rendering pipelines with HyperFrames timeline playback.

Official
Intermediate
darthlinuxerdarthlinuxer

web-games

Guide browser game development with framework selection, WebGPU adoption, and PWA integration.

Community
Intermediate