fixed BatchedPrimitive add a PlanetMaterial

Author: miguelmyers8

index.js

@@ -1,13 +1,16 @@
 
 export * from './src/engine/primitives/primitive.js';
+export * from './src/engine/primitives/batched.js';
+export * from './src/engine/primitives/sphere.js';
 export * from './src/engine/dataStructures/octree.js';
 export * from './src/engine/geometries/geometry.js'
 export * from './src/core/shaders/tsl/functions.js'
 export * from './src/core/shaders/tsl/noise.js'
 export * from './src/core/shaders/tsl/utils.js'
 export * from './src/core/shaders/wgsl/noise.js'
- 
+
 export * from './src/components/bodies/planet.js'
+export * from './src/components/materials/planetMaterial.js'
 
 export * from './src/engine/utils/boundingBoxUtils.js'
 

src/components/materials/material.js

@@ -0,0 +1 @@
+

src/components/materials/planetMaterial.js

@@ -0,0 +1,53 @@
+import * as THREE from 'three'
+
+export class PlanetMaterial extends THREE.ShaderMaterial {
+
+  constructor(parameters) {
+    super();
+
+    this.uniforms = {
+      resolution: { value: parameters.resolution || 256 },
+      // textures
+      cubeNormal: { value: parameters.cubeNormal },
+      cubeDisplacements: { value: parameters.cubeDisplacements },
+      cubeColor: { value: parameters.cubeColor },
+      // check if textures are provided
+      hasNormals: { value: parameters.cubeNormal ? true : false },
+      hasColors:  { value: parameters.cubeColor ? true : false },
+    };
+
+    this.vertexShader =`
+        varying vec3 vPosition;
+        uniform samplerCube cubeDisplacements;  
+
+        void main() {
+            vPosition = position;
+            gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
+        }`
+
+    this.fragmentShader = `
+        varying vec3 vPosition;
+        uniform samplerCube cubeNormal;  
+        uniform samplerCube cubeDisplacements;  
+        uniform samplerCube cubeColor;  
+
+        uniform bool hasNormals;
+        uniform bool hasColors;
+
+        vec4 baseColor; 
+        vec4 baseNormal; 
+
+        void main() {
+            baseColor  = vec4(1.0); 
+            baseNormal = vec4(1.0); 
+            if(hasNormals){ baseNormal = textureCube(cubeNormal, vPosition );}
+            if(hasColors){ baseColor  = textureCube(cubeColor,  vPosition );}
+            gl_FragColor = baseColor;
+        }`
+   }
+
+  onBeforeRender( ){
+    this.uniforms.hasNormals.value = this.uniforms.cubeNormal ? true : false
+    this.uniforms.hasColors.value = this.uniforms.cubeColor ? true : false
+  }
+}

src/core/postProcess/postProcesser.js

@@ -8,24 +8,11 @@ export class postProcesser  {
         this.camera   = camera  
         this.renderer = renderer
 
-        const depthTexture = new THREE.DepthTexture();
-		depthTexture.type  = THREE.FloatType;
-
-		this.renderTarget = new THREE.RenderTarget( window.innerWidth , window.innerHeight  );
-		this.renderTarget.depthTexture = depthTexture;
-
-		const materialFX = new THREE.MeshBasicNodeMaterial();
-		materialFX.colorNode = texture( this.renderTarget.texture );
-
-		this.quad = new THREE.QuadMesh( materialFX );
+ 
     }
 
     render(){
-        this.renderer.setRenderTarget( this.renderTarget );
-		this.renderer.render( this.scene, this.camera );
-
-		this.renderer.setRenderTarget( null );
-		this.quad.render( this.renderer );
+ 
     }
 }
 

src/engine/primitives/batched.js

@@ -1,22 +1,23 @@
 import * as THREE from 'three'
 import { Primitive } from "./primitive.js"
+import { isSphere }  from './../utils/primitiveUtils.js'
 
 export class BatchedPrimitive extends Primitive{
     static __type = 'BatchedPrimitive'
 
-    constructor(primitive,params){
+    constructor(type,params){
 
       super(params)
-  
-       this.constructor.__type = primitive.__type // dont like the idea this redefines what the actual type is
+
+      this.constructor.__type = type // dont like the idea this redefines what the actual type is / hardcode for now
 
       if(isSphere(this)) this.infrastructure.config.radius = params.radius
 
     }
 
     createDimensions(){
 
-      let batchedMesh = new THREE.BatchedMesh(0,0,0, new THREE.MeshStandardMaterial())
+      let batchedMesh = new THREE.BatchedMesh(1,1,1, this.infrastructure.config.material)
 
       this._transferGeometry(batchedMesh)
 
@@ -40,14 +41,16 @@ export class BatchedPrimitive extends Primitive{
 
       let polyPerLevel = this.infrastructure.config.levels.polyPerLevel
 
-      this.infrastructure.on('afterMeshCreation', ( node, payload ) => {
+      this.infrastructure.events.on('afterMeshCreation', ( node, payload ) => {
 
         const parent = node.parent;
 
         parent.remove( node );
 
         const geometry  = node.mesh().geometry 
-  
+
+        const material  = node.mesh().material 
+
         const depth     = node.params.depth 
 
         const vertex    = polyPerLevel[depth] 
@@ -77,10 +80,29 @@ export class BatchedPrimitive extends Primitive{
         batchedMesh.setMatrixAt( id, matrix );
 
         batchedMesh.setColorAt ( id, new THREE.Color( Math.random() * 0xffffff ) )
+
+        geometry.dispose() // might need this when phyics engine works
+        
+        material.dispose()
 
       }) 
-  
     }
-  
   }
-  
+  
+//example usage
+  /*
+  let planet2  = new BatchedPrimitive(122,{
+  offset:1/0.5 ,
+  levels:1,
+  size:1,
+  radius:10.0,
+  resolution:50,
+  dimension:10
+})
+planet2.infrastructure.config.lodDistanceOffset = 1
+planet2.createQuadTree({levels:1})
+      
+ planet2.createMeshNodes()
+
+planet2.createDimensions()
+  */

src/engine/system/infrastructure.js

@@ -29,10 +29,9 @@ export class Infrastructure {
       displacmentScale:1,
       visibilityLayer:{hiddenLayer:1,visibleLayer:0},
       material: new THREE.MeshPhongMaterial({
-             
             shininess: 10,
             flatShading: false,
-            emissive: new THREE.Color(0x0a0a0a), // Add slight emissive to prevent pure black
+            emissive: new THREE.Color(0x0a0a0a), 
             emissiveIntensity: 1.0
         }) 
      }