stack answer

example for stack question 41338474

HTML

<script src="https://cdn.rawgit.com/mrdoob/three.js/dev/build/three.min.js"></script>
<script src="https://cdn.rawgit.com/mrdoob/three.js/dev/examples/js/controls/TrackballControls.js"></script>

CSS

body {
    padding: 0;
    margin: 0;
}

JavaScript

var camera, scene, renderer, mesh, material, controls;
        init();
        animate();
        addCubes();
        render();


        function addCubes() {
            var xDistance = 50;
            var zDistance = 30;
            var geometry = new THREE.BoxGeometry(10, 10, 10);
            var material = new THREE.MeshBasicMaterial({ color: 0x00ff44 });

            //initial offset so does not start in middle.
            var xOffset = -80;

            for (var i = 0; i < 4; i++) {
                for (var j = 0; j < 3; j++) {
                    var mesh = new THREE.Mesh(geometry, material);
                    mesh.position.x = (xDistance * i) + xOffset;
                    mesh.position.z = (zDistance * j);
                    scene.add(mesh);
                }
            };
        }

        function init() {
            // Renderer.
            renderer = new THREE.WebGLRenderer();
            //renderer.setPixelRatio(window.devicePixelRatio);
            renderer.setSize(window.innerWidth, window.innerHeight);
            // Add renderer to page
            document.body.appendChild(renderer.domElement);

            // Create camera.
            camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerHeight, 1, 1000);
            camera.position.z = 100;

            // Add controls
            controls = new THREE.TrackballControls(camera);
            controls.addEventListener('change', render);
            controls.enabled = false;

            // Create scene.
            scene = new THREE.Scene();

            // Create ambient light and add to scene.
            var light = new THREE.AmbientLight(0x404040); // soft white light
            scene.add(light);

            // Create directional light and add to scene.
            var directionalLight = new THREE.DirectionalLight(0xffffff);
            directionalLight.position.set(1, 1, 1).normalize();
            scene.add(directionalLight);

            // Add listener for...