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

    canvas-orbit-camerapublic

    canvas-orbit-camera experimental

    An alternative wrapper for orbit-camera that works independently of game-shell.

    Controls are as follows:

    • Rotate - Left click
    • Pan - Right click or Control + Left click
    • Zoom - Scroll or Shift + Left click

    Based heavily on game-shell-orbit-camera.

    Usage

    NPM

    camera = createCamera(canvas[, options])

    Attaches a modified orbit-camera instance to the canvas – attaching the required event listeners for interaction.

    The following options are available:

    • rotate: disable rotation interactions by passing false.
    • scale: disable scaling interactions by passing false.
    • pan: disable panning interactions by passing false.

    See the orbit-camera documentation for a full list of available methods.

    camera.tick()

    Call this at the beginning of each frame to update the current position of the camera.

    camera.view([out])

    Returns the current view matrix associated by the camera: a 16-element (4x4) Float32Array instance. Optionally, you can pass in your own array out here too.

    Example

    var canvas = document.body.appendChild(document.createElement('canvas'))
    var createCamera = require('canvas-orbit-camera')
    var raf = require('raf')
     
    var camera = createCamera(canvas)
     
    update()
    function update() {
      raf(update)
     
      // Returns your view matrix for you 
      var view = camera.view()
     
      camera.tick()
    }

    License

    MIT. See LICENSE.md for details.

    install

    npm i canvas-orbit-camera

    Downloadslast 7 days

    25

    version

    1.0.2

    license

    MIT

    repository

    github.com

    last publish

    collaborators

    • avatar