https://github.com/The-World-Space/the-world-engine.ts

three.js based, unity like game engine for browser
https://github.com/The-World-Space/the-world-engine.ts

engine game-development game-engine javascript typescript unity webapp

Last synced: about 1 month ago
JSON representation

three.js based, unity like game engine for browser

• Host: GitHub
• URL: https://github.com/The-World-Space/the-world-engine.ts
• Owner: The-World-Space
• License: mit
• Created: 2021-12-31T02:29:34.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-08-04T07:58:19.000Z (almost 2 years ago)
• Last Synced: 2025-03-30T05:14:57.383Z (about 1 month ago)
• Topics: engine, game-development, game-engine, javascript, typescript, unity, webapp
• Language: TypeScript
• Homepage:
• Size: 108 MB
• Stars: 29
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# the-world-engine.ts

three.js based, unity like game engine for browser.

[![npm](https://img.shields.io/npm/v/the-world-engine)](https://www.npmjs.com/package/the-world-engine) [![coverage](https://img.shields.io/codecov/c/github/The-World-Space/the-world-engine.ts/main)](https://app.codecov.io/gh/The-World-Space/the-world-engine.ts/) [![last commit](https://img.shields.io/github/last-commit/The-World-Space/the-world-engine.ts)](https://github.com/The-World-Space/the-world-engine.ts/commits/dev) [![language](https://img.shields.io/github/languages/top/The-World-Space/the-world-engine.ts)](https://www.typescriptlang.org/) [![license](https://img.shields.io/github/license/The-World-Space/the-world-engine.ts)](https://opensource.org/licenses/MIT)

## npm

Simply install `the-world-engine`, and the `three` and `@types/three` in peer-dependency will be installed together.

```shell

npm i the-world-engine

```

## CDN

There are umd builds available right from your browser.

the-world-engine is based on typescripts, so there are few runtime checks, so it is not recommended to use umd build if possible.

- 

- 

```html

    

    

     html, body { height: 100%; margin: 0; } 

    

    

    

        const game = new TWE.Game(document.body);

        game.run(class extends TWE.Bootstrapper {

            run() {

                const instantiater = this.instantiater;

                return this.sceneBuilder

                    .withChild(instantiater.buildGameObject("camera")

                        .withComponent(TWE.Camera))

                    .withChild(instantiater.buildGameObject("sprite")

                        .withComponent(TWE.CssSpriteRenderer));

            }

        });

        game.inputHandler.startHandleEvents();

    

```

#### [Demo](https://the-world-space.github.io/the-world-engine-examples/build/sans-fight-room/index.html)

![sans-fight-room](docs/image/sans-fight-room.png)

### Build your scene on Object hierarchy system

![build scene](docs/image/build_scene.gif)

### Scripting your component to attach GameObject

![write component](docs/image/write_component.gif)

## Examples

- [the-world-engine-examples](https://github.com/The-World-Space/the-world-engine-examples)

## Documentation

- [Documentation](https://the-world-space.github.io/the-world-engine.ts/build) - I'm still working on it

## Contributers

[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors-)

  

    
Zilong Yao
💻

  

## Contributing

Please see the [Contributing Guidelines](./CONTRIBUTING.md) for guidelines on how to contribute to the project.