explaingit

galacean/engine

★ 5,768TypeScriptAudience · developerComplexity · 4/5LicenseSetup · moderate

TLDR

An open-source TypeScript graphics engine from Ant Group for building 2D and 3D interactive experiences in the browser using WebGL, with a visual editor for designers and an npm package for developers.

Mindmap

mindmap
  root((Galacean Engine))
    What it does
      3D and 2D rendering
      Browser interactive apps
      Game and visualization
    Tech Stack
      TypeScript
      WebGL
      glTF format
    Features
      Physics simulation
      Animation system
      UI and input
      Visual editor
    Platforms
      Web browsers
      Mobile HTML5
      WeChat mini-games
    Use Cases
      Product visualization
      Browser games
      Design collaboration
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Build an interactive 3D product visualization that runs in any modern browser without a plugin, using the Galacean npm package.

USE CASE 2

Create a 2D game or animated mini-app for WeChat mini-games using the Galacean Engine runtime.

USE CASE 3

Use the online visual editor to let designers and developers build 3D scenes together with drag-and-drop, then export for deployment.

USE CASE 4

Write a TypeScript scene script that adds cameras, lights, and animated 3D models using Galacean's component-based API.

Tech stack

TypeScriptWebGLglTFNode.jspnpm

Getting it running

Difficulty · moderate Time to first run · 30min

Requires Node.js and pnpm, building from source requires additional setup steps.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

In plain English

Galacean Engine is an open-source graphics engine for building interactive 2D and 3D experiences that run in a web browser. It is written in TypeScript and runs on WebGL, which is the technology that allows web pages to render 3D graphics using the device's GPU. The engine is designed for web and mobile platforms, including HTML5 pages and WeChat mini-games. The engine covers the typical building blocks you would need to create a game or interactive application: 3D and 2D rendering, animations, physics simulation, a UI system, input handling, and scripting. It uses a component-based architecture, meaning you build scenes by attaching different pieces of behavior to objects rather than writing everything in a single script. Scenes are described using the glTF format, which is a standard file format for 3D models and scenes. There are two ways to use it. The first is through a visual editor hosted online, where artists and developers can build scenes together using drag-and-drop tools and then export for deployment. The second is by installing the engine as an npm package and writing scenes in TypeScript code directly. The README includes a short code example showing how to create a scene with a camera, a light, and a sphere using the code-only approach. Galacean Engine is produced by Ant Group, the financial technology company behind Alipay. The project is open source under the MIT license and accepts contributions. Building from source requires Node.js and the pnpm package manager. Documentation and a hosted editor are available on the official site linked in the README. This project is aimed at web developers building interactive applications, games, or product visualizations that need to run in the browser without a plugin.

Copy-paste prompts

Prompt 1
Show me the minimal TypeScript code to create a Galacean Engine scene with a perspective camera, a directional light, and a rotating cube.
Prompt 2
I want to load a glTF model into a Galacean Engine scene and play its built-in animation. Walk me through the asset loading API and how to trigger an animation clip.
Prompt 3
How do I set up a Galacean Engine project with npm and TypeScript, and how do I structure a component-based entity for a player character with input handling?
Prompt 4
Explain how Galacean Engine physics works and show a code example of making a sphere fall and collide with a floor plane.
Open on GitHub → Explain another repo

← galacean on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.