HTML5 Game Editor

A Unity-like visual editor for building HTML5 games.

HTML5 Game Editor is an open-source visual game editor focused on Pixi.js, with support for Three.js hybrid 2D/3D scenes.

The goal is simple: make creating HTML5 games feel more like working in a traditional game engine such as Unity or Cocos Creator.

✨ Features

• 🎬 Visual scene editor
• 🌳 Hierarchical scene graph
• 🖼️ Sprite and text nodes
• 🎨 Inspector with editable properties
• 📦 Prefab support
• 🎭 Spine animation support
• 🖌️ Aseprite asset support
• 🎯 Hit zones and masks
• 🎨 Color schemes
• 🧩 Components
• 🖼️ Asset management
• 🎮 Multiple projects
• 🧊 Hybrid 2D/3D scenes
• ⚡ Pixi.js + Three.js
• 📱 Responsive editor UI
• ↩️ Undo / redo
• 🛠️ Node.js backend
• 📁 pnpm monorepo

🎮 Demo Games

The repository includes several demos demonstrating what can be built with the editor:

• Editor Features Demo — showcases the main editor functionality
• Solitaire — a complete card game created with the editor
• 3D Game Demo — demonstrates the 3D capabilities

🤖 Built with AI

The project started as an experiment to see how far AI-assisted development could take a complex game-development tool.

Most of the development was done using Cursor, ChatGPT and AI coding models.

What started as an idea for a visual editor became a working project in roughly a week of development.

🧠 Why?

Pixi.js is a great rendering library, but unlike Unity or Cocos Creator, it doesn't come with a full visual scene editor.

This project is an attempt to fill that gap and provide a more familiar workflow for HTML5 game developers.

🚀 Open Source

The project is open source and available on GitHub.

Source code: https://github.com/andvolodko/html5-game-editor

If you find the project interesting, ⭐ a GitHub star is greatly appreciated.

🛠️ Tech Stack

• TypeScript
• Pixi.js
• Three.js
• React
• Node.js
• pnpm
• Spine
• Aseprite

This project is still actively evolving. Feedback, ideas and contributions are welcome!