Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script src="http://threejs.org/build/three.min.js"></script>
- <script>
- var camera, scene, renderer, mesh;
- function init() {
- renderer = new THREE.WebGLRenderer( { antialias: true } );
- renderer.setSize( window.innerWidth, window.innerHeight );
- document.body.appendChild( renderer.domElement )
- camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000 );
- camera.position.z = 400;
- scene = new THREE.Scene();
- var materials = [];
- var geometry = new THREE.PlaneGeometry( 400, 400, 10, 10 );
- geometry.faceVertexUvs[0] = [];
- for(var i = 0; i < geometry.faces.length; i++){
- geometry.faceVertexUvs[0].push(
- [
- new THREE.Vector2( 0, 0 ),
- new THREE.Vector2( 0, 1 ),
- new THREE.Vector2( 1, 1 ),
- new THREE.Vector2( 1, 0 ),
- ] );
- geometry.faces[i].materialIndex = i;
- materials.push( createTexture( i ) );
- }
- geometry.computeFaceNormals();
- geometry.dynamic = true;
- geometry.uvsNeedUpdate = true;
- mesh = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial( materials ) );
- mesh.rotation.set( 0, Math.PI, Math.PI );
- scene.add( mesh );
- window.addEventListener( "resize", onWindowResize, false );
- }
- function onWindowResize() {
- camera.aspect = window.innerWidth / window.innerHeight;
- camera.updateProjectionMatrix();
- renderer.setSize( window.innerWidth, window.innerHeight );
- }
- function animate() {
- requestAnimationFrame( animate );
- mesh.rotation.x += 0.005;
- renderer.render( scene, camera );
- }
- function createTexture( number ) {
- var material = new THREE.MeshBasicMaterial({
- map: THREE.ImageUtils.loadTexture( "/map/04.jpg" ),
- side: THREE.DoubleSide,
- wireframe: false
- });
- material.transparent = true;
- return material;
- }
- function createCssStyle() {
- document.body.style.width = "100%";
- document.body.style.height = "100%";
- document.body.style.margin = 0;
- document.body.style.padding = 0;
- document.querySelector( "canvas" ).style.display = "block";
- }
- function createWebGL() {
- init();
- animate();
- createCssStyle();
- }
- window.onload = createWebGL;
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement