GenesisGL

GenesisGL is a lightweight browser-side WebGL 3D engine written in TypeScript.

Installation

npm install @fonsecabarreto/genesis-gl-core

Quick Start

import { WebGLCore, Scene, Renderer, Viewport } from '@fonsecabarreto/genesis-gl-core';

const canvas = document.getElementById('glcanvas') as HTMLCanvasElement;
const webglCore = new WebGLCore(canvas);
const viewport = new Viewport(canvas, window.innerWidth, window.innerHeight, webglCore);
const renderer = new Renderer(webglCore, viewport);
const scene = Scene.withDefaultLights(webglCore);

// Add models, implement render loop, etc.

Sub-path Imports

// Editor utilities (visual editor, scene/material stores)
import { MaterialStore, SceneStore } from '@fonsecabarreto/genesis-gl-core/Editor';

// Game utilities (characters, physics, animations)
import { Character, InteractiveActor } from '@fonsecabarreto/genesis-gl-core/Game';

// OBJ/GLB loaders
import { loadOBJWithMTL, GLBLoader } from '@fonsecabarreto/genesis-gl-core/Core/utils';

Build

yarn build

API Documentation

See ARCHITECTURE.md for a detailed API overview.

License

MIT