A quick + consistent way to setup a three.js scene

quickScene.js

define([
    'three'
], function( THREE ){
    
    /**
     * quickly set up all of the basics of a THREE.js canvas
     * @param {Object} [app] the settings for the app
     * @param {Number} [app.width]
     * @param {Number} [app.height]
     * @param {Number} [app.fov]
     * @param {Number} [app.aspect]
     * @param {Number} [app.near]
     * @param {Number} [app.far]
     * @param {Number} [app.scene]
     * @param {Number} [app.camera]
     * @param {Number} [app.renderer]
     * @param {Function} [fn] function to call will param signature `( scene, camera, renderer )`
     * @return {Object} app
     */
    return function( app, fn ){
        if( arguments.length === 1 && typeof app === 'function' ){
            fn = app;
            app = {};
        }
        app = app || {};
        fn = fn || function(){};

        app.width = app.width || window.innerWidth;
        app.height = app.height || window.innerHeight;
        app.fov = app.fov || 65;
        app.aspect = app.width / app.height;
        app.near = typeof app.near === 'number' ? app.near : 0.1;
        app.far = app.far || 10000;
        app.scene = app.scene || new THREE.Scene();
        app.camera = app.camera || new THREE.PerspectiveCamera( app.fov, app.aspect, app.near, app.far );
        app.renderer = app.renderer || new THREE.WebGLRenderer({ antialias: true });

        app.renderer.setSize( app.width , app.height );

        fn.call(app, app.scene, app.camera, app.renderer);
        return app;
    };
});

basic example:

var myScene = function( scene, camera, renderer ){
    camera.position.z = 1;
    animitter(function( frameCount ){
        //do something
        renderer.render( scene, camera );
    }).start();
};


//basic usage:
var app1 = quickScene(myScene);

//override some settings:
var app2 = quickScene({
    width: 1024,
    height: 768,
    renderer: new THREE.CanvasRenderer()
}, myScene);

animitter is a simple requestAnimationFrame lib