Nondigestible Purple Mayonnaise
    Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    gl-viewportpublic

    gl-viewport

    toggle between orthographic and perspective projection camera views

    example

    var shell = require('mesh-viewer')();
    var vport = require('gl-viewport')(shell, { viewMode: 'ortho' });
     
    window.addEventListener('keydown', function (ev) {
        if (String.fromCharCode(ev.which) === 'P') {
            var mode = vport.viewMode === 'ortho' ? 'perspective' : 'ortho';
            vport.setViewMode(mode);
        }
    });
     
    var mesh;
    shell.on('viewer-init', function () {
        mesh = shell.createMesh(require('bunny'));
        shell.camera.distance = 10;
        shell.camera.center = [ 0, 5, 0 ];
    });
     
    shell.on('gl-render', function () {
        vport.draw(mesh);
    });

    Run this demo on requirebin.

    methods

    var viewport = require('gl-viewport')

    var vport = viewport(shell, opts)

    Create a viewport instance vport from a game-shell shell.

    Set the view mode with opts.viewMode. Either 'perspective' or 'ortho'. Default: 'ortho'.

    You can also set the initial opts.view and opts.projection matricies.

    vport.setViewMode(mode)

    Change the view mode: 'ortho' and 'perspective' are supported.

    vport.draw(mesh)

    Draw mesh with the viewport projection and view matrix.

    install

    With npm do:

    npm install gl-viewport

    license

    MIT

    install

    npm i gl-viewport

    Downloadsweekly downloads

    3

    version

    1.0.1

    license

    MIT

    repository

    github.com

    last publish

    collaborators

    • avatar