game-engine

Create web-based games with HTML5, Canvas, WebGL, and JavaScript frameworks.

Updated Feb 15, 2026
One-click install
npx skills add https://github.com/jhauga/clawHub-skills --skill game-engine-jhauga
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: game-engine
Source: https://github.com/jhauga/clawHub-skills/tree/main/game-engine
Command: npx skills add https://github.com/jhauga/clawHub-skills --skill game-engine-jhauga

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the creation of web-based games and game engines, providing tools and workflows for 2D and 3D development using HTML5, Canvas, WebGL, and popular JavaScript frameworks.

Core Features & Use Cases

  • Game Engine Development: Build custom game engines from scratch.
  • 2D/3D Game Creation: Develop games using Canvas, WebGL, and frameworks like Phaser, Three.js, Babylon.js, or A-Frame.
  • Use Case: You want to create a 2D platformer game. This Skill provides templates, guidance on game loops, physics, collision detection, and asset management to get you started quickly.

Quick Start

Use the game-engine skill to create a basic 2D platformer game.

Frequently Asked Questions about game-engine

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

FAQPage Schema
How do I build a 2D platformer game with HTML5 and Canvas?

To build a 2D platformer game with HTML5 and Canvas, you need to implement a core game loop, physics, collision detection, and asset management. This skill provides templates and guidance to set up these foundational mechanics quickly.

What's the best way to create a custom game engine using JavaScript?

Creating a custom game engine using JavaScript involves structuring your own rendering pipeline and logic systems. This skill facilitates building custom engines from scratch, covering 2D and 3D rendering alongside input handling.

Can I use Three.js and Babylon.js for WebGL 3D game development?

Yes, you can use Three.js and Babylon.js for WebGL 3D game development. This skill supports these frameworks to help you develop 3D environments and handle complex rendering tasks.

Does this support A-Frame for building VR and AR web experiences?

Yes, this skill supports A-Frame for building VR and AR web experiences. It facilitates the creation of 3D environments using WebGL and HTML5 frameworks, extending to virtual and augmented reality platforms.

How does collision detection and physics work in web game development?

Collision detection and physics in web game development work by calculating object intersections and applying motion rules within your game loop. This skill provides the necessary logic and templates to implement these systems for 2D and 3D games.

What do I need to manage game assets when developing with Phaser?

When developing with Phaser, you need to manage game assets by loading and organizing sprites, audio, and textures. This skill provides workflows for asset management alongside its support for the Phaser framework.