GameObject - TCE Project Generator

Generate a ready-to-use Tobidot Custom Element (TCE) TypeScript project template. Configure your element details below, download the generated ZIP archive, and start coding right away.

Element Details

Element Name / Tag Name * Used as the HTML tag name (e.g. <tce-my-element>). Must contain a hyphen.

Title / Display Name

Description

Initial Version

Element Kind

Template Starter Preset

Window Resolution & Sizing

Width (px)

Height (px)

Presets:

Icon & Media

Custom Icon File (Optional) PNG, JPG or SVG (max 2MB). If omitted, an icon will be generated automatically.

TCE Dependencies

Select other TCE elements or libraries available on this server that your project depends on.

Quick Add:

Configured TCE Dependencies (0):

Additional NPM Dependencies (Optional)

e.g. three:^0.160.0 or lodash-es:^4.17.21

Template Summary

HTML Tag: <tce-my-element>

Class: MyElement

Resolution: 400 × 300 px

Dependencies: 0 elements

Stack: TypeScript + Vite + SCSS

How to use your generated project

Extract & Install

Unzip the downloaded archive and run npm install in the project directory.

Develop Live

Run npm start to launch Vite with hot-reloading in the isolated harness.

Package & Upload

Run make tce to build and package. Upload via Nova or /api/v1/tobidot-elements.