Home

Awesome

RedGL

<p> <a href="https://twitter.com/redcamel15"><img src="https://img.shields.io/twitter/follow/redcamel15.svg?style=social" alt="Twitter Follow" /></a> <a href="LICENSE.md"><img src="https://img.shields.io/github/license/sourcerer-io/hall-of-fame.svg?colorB=ff0000"></a> </p>

JavaScript 3D library

The main goal of this project is to create a WebGL library that will perform optimally on all browsers / devices (PC, Mobile).

Release Notes

Examples

RedGL

Documentation

TestCase

Usage

<script src="https://redcamel.github.io/RedGL2/release/RedGL.min.js"></script>
var canvas;
canvas = document.createElement('canvas');
document.body.appendChild(canvas);
RedGL(canvas, function (v) {
    if (v) {
        console.log('Initialization successful!');
        var tWorld, tView, tScene, tController, tRenderer;
        
        // create RedWorld Instance
        this['world'] = tWorld = RedWorld();
        
        // create RedScene Instance
        tScene = RedScene(this);
        
        // create camera
        tController = RedObitController(this);
        tController.pan = 45;
        tController.tilt = -45;
        
        // create RedRenderer
        tRenderer = RedRenderer();
        
        // create a RedView instance and add to the RedWorld instance
        tView = RedView('HelloRedGL', this, tScene, tController);
        tWorld.addView(tView);
        
        // set grid debuger
        tScene['grid'] = RedGrid(this);
        
        // set axis debuger
        tScene['axis'] = RedAxis(this);
        
        // start rendering
        tRenderer.start(this, function (time) {
          console.log(time)
        });
        
        // set renderDebugPanel
        tRenderer.setDebugButton();
        console.log(this);
    } else {
        alert('Initialization fail!')
    }
});

How to build your own RedGL

git clone git@github.com:redcamel/RedGL2.git
cd RedGL2
npm install
npm run build
# You can see the built RedGL files in the `release` folder.

This project is maintained by RedCamel