document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. $(function(){
  2.     var camera, scene, renderer,
  3.     geometry, material, mesh, stats;
  4.  
  5.     var w = 520;
  6.     var h = 390;
  7.  
  8.     init();
  9.     animate();
  10.  
  11.     function init() {
  12.  
  13.         camera = new THREE.Camera( 75, w / h, 1, 10000 );
  14.         camera.position.z = 1000;
  15.  
  16.         scene = new THREE.Scene();
  17.  
  18.         //Cubeの各面のマテリアル
  19.         var materials = [
  20.             new THREE.MeshBasicMaterial({map: THREE.ImageUtils.loadTexture(\'images/texture001.png\')}), // right
  21.             new THREE.MeshBasicMaterial({map: THREE.ImageUtils.loadTexture(\'images/texture001.png\')}), // left
  22.             new THREE.MeshBasicMaterial({map: THREE.ImageUtils.loadTexture(\'images/texture001.png\')}), //top
  23.             new THREE.MeshBasicMaterial({map: THREE.ImageUtils.loadTexture(\'images/texture001.png\')}), // bottom
  24.             new THREE.MeshBasicMaterial({map: THREE.ImageUtils.loadTexture(\'images/texture001.png\')}), // back
  25.             new THREE.MeshBasicMaterial({map: THREE.ImageUtils.loadTexture(\'images/texture001.png\')}) // front
  26.         ];
  27.         /**
  28.          * Cubeのコンストラクタ引数は
  29.          * @param Number サイズ(X)
  30.          * @param Number サイズ(Y)
  31.          * @param Number サイズ(Z)
  32.          * @param Integer 分割数(X)
  33.          * @param Integer 分割数(Y)
  34.          * @param Integer 分割数(Z)
  35.          * @param Array マテリアルセット
  36.          * @param boolean 面の反転フラグ
  37.          * @param Object 各面の描画フラグ
  38.          */
  39.         geometry = new THREE.Cube( 200, 200, 200, 4, 4, 4, materials);
  40.         material = new THREE.MeshFaceMaterial();
  41.  
  42.         mesh = new THREE.Mesh( geometry, material );
  43.         scene.addObject( mesh );
  44.  
  45.         renderer = new THREE.CanvasRenderer();
  46.         renderer.setSize( w, h );
  47.  
  48.         $(\'#three-stage\').append( renderer.domElement );
  49.  
  50.         //Stats SetUp
  51.         stats = new Stats();
  52.         stats.domElement.style.position = \'absolute\';
  53.         stats.domElement.style.top = \'0px\';
  54.         stats.domElement.style.zIndex = 100;
  55.         $(\'#three-stage\').append( stats.domElement );
  56.  
  57.     }
  58.  
  59.     function animate() {
  60.  
  61.         // Include examples/js/RequestAnimationFrame.js for cross-browser compatibility.
  62.         requestAnimationFrame( animate );
  63.         render();
  64.  
  65.     }
  66.  
  67.     function render() {
  68.  
  69.         mesh.rotation.x += 0.01;
  70.         mesh.rotation.y += 0.02;
  71.  
  72.         renderer.render( scene, camera );
  73.  
  74.         //Stats update
  75.         stats.update();
  76.     }
  77. });
');