I am looking to replicate a cube similar to the one found in the game Curiosity: What's Inside The Cube?. This cube consists of 600,000,000 mini-cubes per side. Unfortunately, using textures to simulate these mini-cubes is not an option as I require a visual change on a mini-cube when it is clicked.
In my attempts, I used a BoxGeometry() object with 2 faces representing a mini-cube:
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer({
alpha: true
});
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
//Here lies my cube
var geometry = new THREE.BoxGeometry(20, 20, 20, 24494, 24494, 24494);
var material = new THREE.MeshBasicMaterial({
color: 0xfd59d7
});
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);
camera.position.z = 100;
render();
function render() {
renderer.render(scene, camera);
}
My question remains: How can I construct a cube containing 600,000,000 mini-cubes per side that could be adequately rendered on a notebook?