JAVASCRIPT   260

scenes.js

Guest on 22nd July 2021 10:05:25 AM

  1. function generateGeometry(objectType, numObjects) {
  2.  
  3.         var geometry = new THREE.Geometry();
  4.        
  5.         function applyVertexColors( g, c ) {
  6.  
  7.                 g.faces.forEach( function( f ) {
  8.  
  9.                         var n = ( f instanceof THREE.Face3 ) ? 3 : 4;
  10.  
  11.                         for( var j = 0; j < n; j ++ ) {
  12.  
  13.                                 f.vertexColors[ j ] = c;
  14.  
  15.                         }
  16.  
  17.                 } );
  18.  
  19.         }
  20.  
  21.         for ( var i = 0; i < numObjects; i ++ ) {
  22.        
  23.                 var position = new THREE.Vector3();
  24.  
  25.                 position.x = Math.random() * 10000 - 5000;
  26.                 position.y = Math.random() * 6000 - 3000;
  27.                 position.z = Math.random() * 8000 - 4000;
  28.  
  29.                 var rotation = new THREE.Euler();
  30.  
  31.                 rotation.x = Math.random() * 2 * Math.PI;
  32.                 rotation.y = Math.random() * 2 * Math.PI;
  33.                 rotation.z = Math.random() * 2 * Math.PI;
  34.  
  35.                 var scale = new THREE.Vector3();
  36.  
  37.                 var geom, color = new THREE.Color();
  38.  
  39.                 scale.x = Math.random() * 200 + 100;
  40.  
  41.                 if ( objectType == "cube" )
  42.                 {
  43.                         geom = new THREE.BoxGeometry( 1, 1, 1 );
  44.                         scale.y = Math.random() * 200 + 100;
  45.                         scale.z = Math.random() * 200 + 100;
  46.                         color.setRGB( 0, 0, Math.random()+0.1 );
  47.                 }
  48.                 else if ( objectType == "sphere" )
  49.                 {
  50.                         geom = new THREE.IcosahedronGeometry( 1, 1 )
  51.                         scale.y = scale.z = scale.x;
  52.                         color.setRGB( Math.random()+0.1, 0, 0 );
  53.                 }
  54.                
  55.                 // give the geom's vertices a random color, to be displayed
  56.                 applyVertexColors( geom, color );
  57.  
  58.                 var mesh = new THREE.Mesh( geom );
  59.                 mesh.position.copy( position );
  60.                 mesh.rotation.copy( rotation );
  61.                 mesh.scale.copy( scale );
  62.                 mesh.updateMatrix();
  63.  
  64.                 geometry.merge( mesh.geometry, mesh.matrix );
  65.  
  66.         }
  67.  
  68.         return geometry;
  69.  
  70. }
  71.  
  72. function Scene ( type, numObjects, cameraZ, fov, rotationSpeed, clearColor ) {
  73.        
  74.         this.clearColor = clearColor;
  75.        
  76.         this.camera = new THREE.PerspectiveCamera( fov, window.innerWidth / window.innerHeight, 1, 10000 );
  77.         this.camera.position.z = cameraZ;
  78.        
  79.         // Setup scene
  80.         this.scene = new THREE.Scene();
  81.         this.scene.add( new THREE.AmbientLight( 0x555555 ) );
  82.  
  83.         var light = new THREE.SpotLight( 0xffffff, 1.5 );
  84.         light.position.set( 0, 500, 2000 );
  85.         this.scene.add( light );
  86.  
  87.         this.rotationSpeed = rotationSpeed;
  88.         defaultMaterial = new THREE.MeshLambertMaterial({ color: 0xffffff, shading: THREE.FlatShading, vertexColors: THREE.VertexColors } );
  89.         this.mesh = new THREE.Mesh( generateGeometry( type, numObjects ), defaultMaterial );
  90.         this.scene.add( this.mesh );
  91.  
  92.         renderTargetParameters = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBFormat, stencilBuffer: false };
  93.         this.fbo = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, renderTargetParameters );
  94.        
  95.         this.render = function( delta, rtt ) {
  96.                
  97.                 this.mesh.rotation.x += delta*this.rotationSpeed.x;
  98.                 this.mesh.rotation.y += delta*this.rotationSpeed.y;
  99.                 this.mesh.rotation.z += delta*this.rotationSpeed.z;
  100.                
  101.                 renderer.setClearColor( this.clearColor, 1 );
  102.                
  103.                 if (rtt)
  104.                         renderer.render( this.scene, this.camera, this.fbo, true );
  105.                 else
  106.                         renderer.render( this.scene, this.camera );
  107.                
  108.         };
  109. }

Raw Paste


Login or Register to edit or fork this paste. It's free.