Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>WEBGL y THREE.JS - EJEMPLO 2</title>
- <script src="../js/three.min.js"></script>
- <script src="../js/orbitControl.js"></script>
- </head>
- <body>
- <div id="container"></div>
- <script>
- var Escenario = new THREE.Scene();
- var Camara = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );
- var renderer = new THREE.WebGLRenderer();
- renderer.setSize( window.innerWidth, window.innerHeight );
- document.getElementById('container').appendChild(renderer.domElement);
- var geometry = new THREE.BoxGeometry( 1, 1, 1 );
- //Textura
- textura=new THREE.ImageUtils.loadTexture("../texturas/stone-wall.jpg");
- textura.wrapS=textura.wrapT=THREE.RepeatWrapping;
- textura.repeat.set(2,2);
- var material = new THREE.MeshBasicMaterial( { map:textura,side:THREE.DoubleSide } );
- var cube = new THREE.Mesh( geometry, material );
- Escenario.add( cube );
- var controls=new THREE.OrbitControls(Camara,renderer.domElement);
- Camara.position.z = 2;
- var render = function () {
- requestAnimationFrame( render );
- controls.update();
- cube.rotation.x += 0.01;
- cube.rotation.y += 0.01;
- renderer.render(Escenario, Camara);
- };
- render();
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement