Playground.js + Three.js - draft 3

gistfile1.js

/* 
  
  I've decided there will be two levels of integration

  1) You get loaders only. You have to create renderers and scenes manually.
  2) You get loaders and magically bootstrapped Three.js
    
  Below is level 2 integration example which renders a textured cube:

*/

var app = playground({

  create: function() {

    this.loadTexture("bricks");

  },

  ready: function() {

     this.setState(app.game);

  }

});

app.game = {

  create: function() {

    var geometry = new THREE.BoxGeometry(1, 1, 1);

    var material = new THREE.MeshBasicMaterial({ map: app.textures.bricks });

    this.cube = new THREE.Mesh(geometry, material);

    this.scene.add(this.cube);

  }

};