game.js

var _ = require('lodash')
var EventEmitter = require('eventemitter2').EventEmitter2
var Game = require('gameloop')
var Keyboard = require('crtrdg-keyboard')
var Touch = require('crtrdg-touch')
var Player = require('./entity/player.js')
var Camera = require('./entity/camera.js')
var World = require('./entity/world.js')
var Mask = require('./util/mask.js')
var formatEvent = require('./util/events.js').formatEvent
var hexrgb = require('hex-rgb')

module.exports = function (canvas, schema, opts) {
  opts = opts || {size: 700}

  if (_.isString(canvas)) {
    var container = document.getElementById(canvas)
    var main = require('./ui/main.js')(container, opts)
    canvas = main.canvas
  }

  var height = canvas.clientHeight

  var game = new Game({
    canvas: canvas,
    renderer: canvas.getContext('webgl'),
    width: height,
    height: height
  })

  var keyboard = new Keyboard(game)
  var touch = new Touch(game)

  var player = new Player({
    scale: 2,
    translation: [0, 0],
    rotation: 0,
    character: 'mouse',
    speed: {translation: 1.25, rotation: 8.0},
    friction: 0.9,
    stroke: 'white',
    fill: [75, 75, 75],
    thickness: 0.5
  })

  var mask = new Mask({
    size: 0.86 * game.width / 2,
    translation: [game.width / 2, game.width / 2],
    fill: 'rgb(90,90,90)'
  })

  var world = new World(schema.tiles, {thickness: 0.4})

  var events = new EventEmitter({
    wildcard: true
  })

  function relay (emitter, name, tag) {
    var emit = function (tag, value) {
      value = value || {}
      var ret = value
      if (typeof ret === 'string') {
        ret = { value: ret }
      }
      events.emit([name, tag], formatEvent(ret))
    }
    if (!tag) {
      emitter.onAny(function (value) {
        emit(this.event, value)
      })
    } else {
      emitter.on(tag, function (value) {
        emit(tag, value)
      })
    }
  }

  relay(player, 'player', 'enter')
  relay(player, 'player', 'exit')
  relay(player, 'player', 'collect')
  relay(keyboard, 'keyboard', 'keyup')
  relay(keyboard, 'keyboard', 'keydown')
  relay(game, 'game', 'start')
  relay(game, 'game', 'end')

  player.addTo(game)
  //camera.addTo(game)
  world.addTo(game)

  keyboard.on('keydown', function (keyCode) {
    if (keyCode === '<space>') {
      if (game.paused === true) {
        game.resume()
      } else {
        game.pause()
      }
    }
  })

  player.on('update', function (interval) {
    var keys = _.extend(_.cloneDeep(keyboard.keysDown), touch.down)
    this.move(keys, world)
    var line = player.geometry.children[0].points
    camera.target = [line[0][0], line[0][1], 5]
    camera.position = [line[1][0], line[1][1], 30]
  })

  // camera.on('update', function (interval) {
  //   if (camera.yoked) {
  //     camera.transform.translation = player.position()
  //     camera.transform.rotation = player.angle()
  //   }
  //   this.move(keyboard)
  // })

  var camera = require('lookat-camera')()
  camera.up = [0, 0, 1]

  var lights, cues

  game.on('draw', function (context) {
    cues = world.cues().map(function (cue) {return {
      color: hexrgb(cue.color).map(function (c) {return c / 255}),
      position: cue.translation
    }})
    lights = [{color: [1,1,1], position: player.position()}].concat(cues)
    world.draw(context, camera, lights)
    player.draw(context, camera, lights)
  })

  game.on('update', function (interval) {
    var coordinates = player.coordinates()
    var tile = world.gettile(coordinates)

    tile.children.some(function (child, i) {
      return child.children.some(function (bit, j) {
        if (bit.props.consumable && bit.contains(player.position())) {
          player.emit('collect')
          return tile.children[i].children.splice(j, 1)
        }
      })
    })
  })

  function reload (schema) {
    world.reload(schema.tiles)
    player.moveto(schema.start[0])
  }

  reload(schema)

  return {
    reload: reload,

    show: function () {
      canvas.style.opacity = 1
    },

    hide: function () {
      canvas.style.opacity = 0
    },

    pause: function () {
      game.pause()
    },

    resume: function () {
      game.resume()
    },

    start: function () {
      game.start()
    },

    moveto: function (transform) {
      player.moveto(transform)
    },

    events: events
  }
}