Merge branch 'main' of https://github.com/dannyvt995/threejs_tut

brandyvt95 · Nov 10, 2024 · c7ced78 · c7ced78
2 parents d29b1bd + 96ab371
commit c7ced78
Showing 1 changed file with 22 additions and 12 deletions.
diff --git a/Test_VoxelConeTracing.html b/Test_VoxelConeTracing.html
@@ -333,7 +333,7 @@
     let controlsMain
     //GPGPU
     let gpuCompute
-    let widthTexture = 20
+    let widthTexture = 5
     let velocityVariable, positionVariable, extraVariable
     let positionUniforms, velocityUniforms, extraUniforms
 
@@ -356,7 +356,8 @@
     let renderTarget2DOut
     let renderTarget2DOutOrigin
 
-
+    //gui
+    let checkRender__GUI = false
     // write 3d
     let computeMaterial, computeMesh, rendertarget3D
     const SIMPLE_VERTEX = `
@@ -397,15 +398,16 @@
     const parameters = {
             pointSize:2,
             sizeVol: 36, lod: 3,lodOn3D: 0 , uLodOn3D: 0, toggle: false,displaySample:true,displayParticel:false,
-            rangeForLight : 1,
+            rangeForLight : .95,
+            checkRender:checkRender__GUI,
             applyChanges: () => {
                 localStorage.setItem("sizeVol2D", `${parameters.sizeVol}`);
                 window.location.reload(); // Tải lại trang sau khi nhấn nút
             }
 
         };
 
-    localStorage.setItem("sizeVol2D","16")
+    localStorage.setItem("sizeVol2D","36")
 
     const getLocalPara1 = localStorage.getItem("sizeVol2D")
 
@@ -544,8 +546,11 @@
    // scene.add(directionalLight);
     const axesHelper = new THREE.AxesHelper(5);
     scene.add(axesHelper);
-   //sceneGenTexture.add(axesHelper);
+   sceneGenTexture.add(axesHelper);
     const cameraGenTexture = new THREE.OrthographicCamera(- 2, 2, 2 * (height / width), - 2 * (height / width), 0., 1000);
+
+
+
     const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.00001, 1000); // 
 
     camera.position.z = 2
@@ -579,7 +584,7 @@
 
 
     //config shader
-    const rangeX = .01
+    const rangeX = .1
     const sizePointCommon = `
         if(extra.x < ${rangeX}) {
             if(mvPosition.z > 0.) {
@@ -606,12 +611,12 @@
        
                 void main() {
                    float dist = length(gl_PointCoord - vec2(0.5));
-                    if (dist > 0.5) discard;
+                  if (dist > 0.5) discard;
                    // gl_FragColor = vec4(vec3(1.-dist) * vec3(vUv,1.) * (1.-distance(vPos,vec3(0.))), 1.);
                    if(vExtra.x < ${rangeX}) {
-                        gl_FragColor = vec4(vec3(1.-dist) * vec3(1.,0.,0.)  ,1.);
+                        gl_FragColor = vec4(  vec3(1.-dist) *   vec3(1.,0.,0.)  ,1.);
                    }else{
-                        gl_FragColor = vec4(vec3(step(.5,1.-dist)  *  vec3(.8))  ,1.);
+                        gl_FragColor = vec4(vec3(1.-dist) * vec3(.8)  ,1.);
                    }
                   
                 }
@@ -986,7 +991,12 @@
 
         gui.add(parameters, 'rangeForLight', 0, 1, 0.01).onChange(update4);
 
-
+
+        function checkRender() {
+
+            checkRender__GUI =  !checkRender__GUI
+        }
+        gui.add(parameters, 'checkRender').onChange(checkRender);
     }
 
     function initMeshCheck() {
@@ -1503,8 +1513,8 @@
         Renderer.renderer.setClearColor(0x00000, 1); 
         Renderer.renderer.setRenderTarget(null);
         Renderer.renderer.render(scene, camera);
-
-     //   Renderer.renderer.render(sceneGenTexture, cameraGenTexture);
+        if(checkRender__GUI)   Renderer.renderer.render(sceneGenTexture, cameraGenTexture);
+
         PointMat.uniforms.time.value = Renderer.time