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,6652108 hours ago156August 01, 2023552mitJavaScript
Fast and lightweight JavaScript game engine built on WebGL and glTF
Hilo5,787410a year ago31August 13, 202026mitJavaScript
A Cross-end HTML5 Game development solution developed by Alibaba Group
Ammo.js3,755262617 days ago9April 17, 2016166otherC++
Direct port of the Bullet physics engine to JavaScript using Emscripten
Engine3,742184 days ago278June 21, 2023258mitTypeScript
A typescript interactive engine, support 2D, 3D, animation, physics, built on WebGL and glTF.
Phaser Examples1,660
12 years agoSeptember 20, 202217JavaScript
Contains hundreds of source code examples and related media for the Phaser HTML5 Game Framework.
Layaair1,450
6 days ago80mitJavaScript
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,02925 months ago15April 24, 20234mitTypeScript
A GPU-accelerated computing library for running physics simulations on the web
Taro639
a year ago1mitJavaScript
A lightweight 3D game engine for the web.
Mainloop.js48026610 months ago5May 30, 20174mitJavaScript
Provides a well-constructed main loop useful for JavaScript games and other animated or time-dependent applications.
Unrust318
5 years ago10otherRust
unrust - A pure rust based (webgl 2.0 / native) game engine
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