diff --git a/Test_VoxelConeTracing.html b/Test_VoxelConeTracing.html index 7e6d5d5..c10f608 100644 --- 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,7 +398,8 @@ 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 @@ -405,7 +407,7 @@ }; - 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