Advertisement
Guest User

Untitled

a guest
Apr 1st, 2015
220
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.11 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>My first Three.js app</title>
  4.  
  5. <style>
  6. body { margin: 0; }
  7. canvas { width: 100%; height: 100% }
  8. </style>
  9. </head>
  10. <body>
  11. <script src="js/three.min.js"></script>
  12. <script>
  13. var scene = new THREE.Scene();
  14. // nowa scena
  15. var sceneCube = new THREE.Scene();
  16. //humus.name -> do tekstur Sorsele2
  17.  
  18. // create a camera, which defines where we're looking at.
  19. var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1100);
  20. // nowa camera
  21. var cameraCube = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1100);
  22.  
  23. var renderer = new THREE.WebGLRenderer();
  24. renderer.setSize( window.innerWidth, window.innerHeight );
  25. // wylaczamy
  26. renderer.autoClear = false;
  27. // to dodajemy do konca
  28. var path = "Sorsele2/";
  29. var format = '.jpg';
  30. var urls = [
  31. path + 'posx' + format, path + 'negx' + format,
  32. path + 'posy' + format, path + 'negy' + format,
  33. path + 'posz' + format, path + 'negz' + format
  34. ];
  35.  
  36. var textureCube = THREE.ImageUtils.loadTextureCube( urls );
  37.  
  38. document.body.appendChild(renderer.domElement);
  39. //var material = new THREE.MeshBasicMaterial( { color: 0xffffff, envMap: textureCube } );
  40. //document.body.appendChild( renderer.domElement );
  41. var sphereGeometry = new THREE.SphereGeometry( 100, 10, 10 );
  42. // material zmiana env
  43. var sphereMaterial = new THREE.MeshBasicMaterial( { color: 0xffffff, envMap: textureCube } );
  44. var sphere = new THREE.Mesh( sphereGeometry, sphereMaterial );
  45. scene.add( sphere );
  46.  
  47. camera.position.z = 500;
  48. camera.position.y = 200;
  49. camera.position.x = 0;
  50. camera.lookAt(scene.position);
  51.  
  52. var light = new THREE.PointLight( 0xffffff, 1, 1000 );
  53. light.position.set( 300, 300, 300 );
  54. scene.add( light );
  55. var alfa = 0;
  56. var render = function () {
  57. requestAnimationFrame( render );
  58. sphere.position.x = 450*Math.sin(alfa);
  59. sphere.position.z = 300*Math.cos(alfa);
  60. alfa += 0.02;
  61. renderer.render(scene, camera);
  62. };
  63. render();
  64. </script>
  65. </body>
  66. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement