Engine

A typescript interactive engine, support 2D, 3D, animation, physics, built on WebGL and glTF.
Alternatives To Engine
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Engine8,418282 days ago129August 30, 2022541mitJavaScript
Fast and lightweight JavaScript game engine built on WebGL and glTF
Hilo5,78748a year ago31August 13, 202026mitJavaScript
A Cross-end HTML5 Game development solution developed by Alibaba Group
Engine3,605
18 hours ago234mitTypeScript
A typescript interactive engine, support 2D, 3D, animation, physics, built on WebGL and glTF.
Ammo.js3,5962617a month ago9April 17, 2016164otherC++
Direct port of the Bullet physics engine to JavaScript using Emscripten
Phaser Examples1,660
12 years agoMay 13, 202217JavaScript
Contains hundreds of source code examples and related media for the Phaser HTML5 Game Framework.
Layaair1,342
17 hours ago75mitJavaScript
LayaAir is an open-source 2D/3D engine. LayaAir Engine is designed for high performance games.LayaAir support TypeScript and JavaScript、ActionScript 3.0 programming language.Can develop once, publish for multi platform.
Gpu Io1,029
a month ago4mitTypeScript
A GPU-accelerated computing library for running physics simulations on the web
Enable3d7675a month ago23June 12, 202211lgpl-3.0TypeScript
🕹️ Standalone 3D Framework / Physics for three.js (using ammo.js) / 3D extension for Phaser 3
Taro639
9 months ago1mitJavaScript
A lightweight 3D game engine for the web.
Mainloop.js4802666 months ago5May 30, 20174mitJavaScript
Provides a well-constructed main loop useful for JavaScript games and other animated or time-dependent applications.
Alternatives To Engine
Select To Compare


Alternative Project Comparisons
Readme

Galacean Engine

npm-size npm-download codecov

Galacean is a web-first and mobile-first high-performance real-time interactive engine. Use component system design and pursue ease of use and light weight. Developers can independently use and write Typescript scripts to develop projects using pure code.

Features

  •  Platform - Support HTML5 and Alipay miniprogram
  •  Graphics - Advanced 2D + 3D graphics engine
  •  Animation - Powerful animation system
  •  Physics - Powerful and easy-to-use physical features
  •  Input - Easy-to-use interactive capabilities
  •  Scripts - Use TypeScript to write logic efficiently

npm

The engine is published on npm with full typing support. To install, use:

npm install @galacean/engine

This will allow you to import engine entirely using:

import * as GALACEAN from "@galacean/engine";

or individual classes using:

import { Engine, Scene, Entity } from "@galacean/engine";

Usage

// Create engine by passing in the HTMLCanvasElement id and adjust canvas size
const engine = await WebGLEngine.create({ canvas: "canvas-id" });
engine.canvas.resizeByClientSize();

// Get scene and create root entity
const scene = engine.sceneManager.activeScene;
const rootEntity = scene.createRootEntity("Root");

// Create light
const lightEntity = rootEntity.createChild("Light");
const directLight = lightEntity.addComponent(DirectLight);
lightEntity.transform.setRotation(-45, -45, 0);
directLight.intensity = 0.4;

// Create camera
const cameraEntity = rootEntity.createChild("Camera");
cameraEntity.addComponent(Camera);
cameraEntity.transform.setPosition(0, 0, 12);

// Create sphere
const meshEntity = rootEntity.createChild("Sphere");
const meshRenderer = meshEntity.addComponent(MeshRenderer);
const material = new BlinnPhongMaterial(engine);
meshRenderer.setMaterial(material);
meshRenderer.mesh = PrimitiveMesh.createSphere(engine, 1);

// Run engine
engine.run();

Contributing

Everyone is welcome to join us! Whether you find a bug, have a great feature request or you fancy owning a task from the road map feel free to get in touch.

Make sure to read the Contributing Guide / before submitting changes.

Build

Prerequisites:

  • Node.js v15.0.0+ and NPM (Install by official website)
  • PNPM (Install globally by npm install -g pnpm)

In the folder where you have cloned the repository, install the build dependencies using pnpm:

pnpm install

Then, to build the source, using npm:

npm run b:all

Links

License

The engine is released under the MIT license. See LICENSE file.

Popular Webgl Projects
Popular Physics Projects
Popular Graphics Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Typescript
Html
3d Graphics
Animation
2d Graphics
Graphics
Physics
Webgl