pex-renderer/helpers/axis-helper.js

Physically Based Renderer for Pex

const Signal = require('signals')

function AxisHelper(opts) {
  this.type = 'AxisHelper'
  this.entity = null
  this.scale = 1
  this.changed = new Signal()
  this.dirty = false
  this.enabled = true

  if(opts)this.set(opts)
}

// this function gets called when the component is added
// to an enity
AxisHelper.prototype.init = function(entity) {
  this.entity = entity
}

AxisHelper.prototype.set = function(opts) {
    Object.assign(this, opts)
    this.dirty = true
    Object.keys(opts).forEach((prop) => this.changed.dispatch(prop))
}

AxisHelper.prototype.update = function() {
  if (!this.dirty) return
  this.dirty = false
}

AxisHelper.prototype.draw = function(geomBuilder){
  geomBuilder.addPosition([0,0,0])
  geomBuilder.addColor([1,0,0,1])
  geomBuilder.addPosition([this.scale,0,0])
  geomBuilder.addColor([1,0,0,1])

  geomBuilder.addPosition([0,0,0])
  geomBuilder.addColor([0,1,0,1])
  geomBuilder.addPosition([0,this.scale,0])
  geomBuilder.addColor([0,1,0,1])

  
  geomBuilder.addPosition([0,0,0])
  geomBuilder.addColor([0,0,1,1])
  geomBuilder.addPosition([0,0,this.scale])   
  geomBuilder.addColor([0,0,1,1])       
}

// by pex-renderer convention we export factory function
// instead of the class type
module.exports = function createAxisHelper(opts) {
  return new AxisHelper(opts)
}