Advertisement
Guest User

Untitled

a guest
Oct 28th, 2016
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.69 KB | None | 0 0
  1.  
  2. <script>
  3. var container, stats;
  4. var camera, scene, renderer;
  5. var geometry, group;
  6. var mouseX = 0, mouseY = 0;
  7. var windowHalfX = window.innerWidth / 2;
  8. var windowHalfY = window.innerHeight / 2;
  9. document.addEventListener( 'mousemove', onDocumentMouseMove, false );
  10. init();
  11. animate();
  12. function init() {
  13. container = document.createElement( 'div' );
  14. document.body.appendChild( container );
  15. camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 10000 );
  16. camera.position.z = 500;
  17. scene = new THREE.Scene();
  18. scene.fog = new THREE.Fog( 0xffffff, 1, 10000 );
  19. var geometry = new THREE.BoxGeometry( 100, 100, 100 );
  20. var material = new THREE.MeshNormalMaterial();
  21. group = new THREE.Group();
  22. for ( var i = 0; i < 1000; i ++ ) {
  23. var mesh = new THREE.Mesh( geometry, material );
  24. mesh.position.x = Math.random() * 2000 - 1000;
  25. mesh.position.y = Math.random() * 2000 - 1000;
  26. mesh.position.z = Math.random() * 2000 - 1000;
  27. mesh.rotation.x = Math.random() * 2 * Math.PI;
  28. mesh.rotation.y = Math.random() * 2 * Math.PI;
  29. mesh.matrixAutoUpdate = false;
  30. mesh.updateMatrix();
  31. group.add( mesh );
  32. }
  33. scene.add( group );
  34. renderer = new THREE.WebGLRenderer();
  35. renderer.setClearColor( 0xffffff );
  36. renderer.setPixelRatio( window.devicePixelRatio );
  37. renderer.setSize( window.innerWidth, window.innerHeight );
  38. renderer.sortObjects = false;
  39. container.appendChild( renderer.domElement );
  40. stats = new Stats();
  41. container.appendChild( stats.dom );
  42. //
  43. window.addEventListener( 'resize', onWindowResize, false );
  44. }
  45. function onWindowResize() {
  46. windowHalfX = window.innerWidth / 2;
  47. windowHalfY = window.innerHeight / 2;
  48. camera.aspect = window.innerWidth / window.innerHeight;
  49. camera.updateProjectionMatrix();
  50. renderer.setSize( window.innerWidth, window.innerHeight );
  51. }
  52. function onDocumentMouseMove(event) {
  53. mouseX = ( event.clientX - windowHalfX ) * 10;
  54. mouseY = ( event.clientY - windowHalfY ) * 10;
  55. }
  56. //
  57. function animate() {
  58. requestAnimationFrame( animate );
  59. render();
  60. stats.update();
  61. }
  62. function render() {
  63. var time = Date.now() * 0.001;
  64. var rx = Math.sin( time * 0.7 ) * 0.5,
  65. ry = Math.sin( time * 0.3 ) * 0.5,
  66. rz = Math.sin( time * 0.2 ) * 0.5;
  67. camera.position.x += ( mouseX - camera.position.x ) * .05;
  68. camera.position.y += ( - mouseY - camera.position.y ) * .05;
  69. camera.lookAt( scene.position );
  70. group.rotation.x = rx;
  71. group.rotation.y = ry;
  72. group.rotation.z = rz;
  73. renderer.render( scene, camera );
  74. }
  75. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement