Package Exports

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (jil) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

JIL - HTML5 Game UI

UI Framework for HTML5 Games:

Autoscale and centering
Vector positioning (pivot, anchor, position, scale, rotation)
Fast HTML5/CSS3 (Use CSS3 transform & Virtual dom)
Tween integration (Provide an easy way to write animation)
Layer system make it easy to organize UI
Engine agnostic (Work with HTML canvas and dont interfer with 2D/3D Engine):
- Babylon.js
- Pixi
- Phaser
- Three.js
- ...

This is still a project in early development

I plan later, to make a small editor to design scene UI and export them in *.json

Usage

This library is exported with UMD (Universal Module Definition):

CDN

You can use directly in your webpage https://cdn.jsdelivr.net/npm/jil@latest/dist/jil.min.js

and call jil.SceneManager.init()

NPM

Or install it through npm / yarn

npm install jil

and

import { SceneManager } from 'jil';

SceneManager.init();

Dev Usage

Install

npm install

clone this repository and run this command

Dev

npm run dev

this will start a dev server on http://localhost:8080

Build

npm run build

this will update the dist folder
- code
- documentation
- typescript definition file jil.d.ts

jil