@thing.js/core NPM

ThingJS

ThingJS is a web3d engine designed to help developers build "Digital Twin Visualization" applications more efficiently. Its goal is to achieve higher performance, richer visual effects, better scalability and easy-to-use.

Install

CDN

Global Build:

<script src="https://cdn.uino.cn/thingjs-cli/thing.js"></script>
<script>
    const app = new THING.App();
</script>

ESModule Build:

<script type="module">
    import { App, Component } from 'https://cdn.uino.cn/thingjs-cli/thing.esm.js';
</script>

NPM

ThingJS is published on npm. To install, use:

> npm install @thing.js/core --save

This will allow you to Import ThingJS entirely using:

import * as THING from '@thing.js/core';

or individual classes using:

import { App, Component } from '@thing.js/core';

Usage

By default, ThingJS uses an element with div3d tag as the 3d rendering area.

<!DOCTYPE html>

<html lang="en">
    <head>
        <title>ThingJS</title>
        <meta charset="utf-8" />
        <script src="./thing.js"></script>
    </head>

    <body style="margin: 0; padding: 0">
        <div id="div3d"></div>
    </body>
    
    <script type="module">
        const app = new THING.App({
            url: "./scenes/uino.gltf"
        });
    </script>
</html>