Test

by Horsetopus

JavaScript

var imageElement = document.createElement( "img" );
imageElement.src = "https://unsplash.it/256/256/?random";
document.body.appendChild( imageElement );


var camera, scene, renderer, geometry, material, mesh;

function init() {
		
    scene = new THREE.Scene();
    
    var cubeMaterials = [];
    for ( var i = 0; i < 6; i++ ) {
    	cubeMaterials.push(
      	new THREE.MeshLambertMaterial( {
      		map: THREE.ImageUtils.loadTexture( "https://unsplash.it/256/256/?random" )
      	} )
      );
    }
		
    camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 10000 );
    camera.position.z = 500;
    scene.add( camera );
		
    geometry = new THREE.CubeGeometry( 200, 200, 200, 1, 1, 1 );
    //material = new THREE.MeshFaceMaterial();
		
    mesh = new THREE.Mesh( geometry, cubeMaterials );
    scene.add( mesh );
		
    renderer = new THREE.CanvasRenderer();
    renderer.setSize( window.innerWidth, window.innerHeight );
		
    document.body.appendChild( renderer.domElement );
}

function animate() {
		
    requestAnimationFrame( animate );
    render();
}

function render() {
		
    mesh.rotation.x += 0.01;
    mesh.rotation.y += 0.02;
		
    renderer.render( scene, camera );
}

//init();
//animate();