UI library for WebGL/Browser.
RUI.js defines a DOM-like UI hierachy structure which can be rendered by using WebGL. Some basic UI widgets are provided for preview.
For layout,a seperated layout engine solves the flex-box-model layout for the entire UI tree. DIV-like flow layouting and flex are supported currently.
This project is still under pre-alpha stage
Run sample project.
//clone repo
git clone git@github.com:soyemi/RUI.js.git
npm install
//build lib
npm run build
//run sample
npm run build-sample
npm start
<canvas id="ruisample"></canvas>import { RUISampleWidget } from "./RUISampleWidget";
let canvas = <HTMLCanvasElement>document.getElementById('ruisample');
//load font
RUIInitContext({
fontPath :'./resources/firacode.ttf'
});
//create RUIObject
let sample = new RUISampleWidget();
//Setup for DOMCanvas
let ruicanvas = new RUIDOMCanvas(canvas,sample);more details : sample
MIT