Skip to content

redcamel/RedGL2

Repository files navigation

RedGL

Twitter Follow

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).

  • See the example. Various examples are available.

RedGL

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 [email protected]: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