Skip to content

The-World-Space/the-world-engine.ts

Repository files navigation

the-world-engine.ts

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

npm coverage last commit language license

npm

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

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.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="icon" href="data:,">
    <style> html, body { height: 100%; margin: 0; } </style>
    <script src="https://cdn.jsdelivr.net/npm/three/build/three.min.js"></script>
    <script src="https://unpkg.com/the-world-engine/dist/umd/twengine.min.js"></script>
</head>

<body>
    <script>
        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();
    </script>
</body>

</html>

sans-fight-room

Build your scene on Object hierarchy system

build scene

Scripting your component to attach GameObject

write component

Examples

Documentation

Contributers

All Contributors


Zilong Yao

💻

Contributing

Please see the Contributing Guidelines for guidelines on how to contribute to the project.