Examples: Fix webgpu_storage_buffer (mrdoob#27994)

RenaudRohlinger · web-flow · commit a94c577d8beb · 2024-03-25T21:27:31.000+09:00
* fix webgpu_storage_buffer example

* more cleanup
diff --git a/examples/webgpu_storage_buffer.html b/examples/webgpu_storage_buffer.html
@@ -68,7 +68,7 @@
 			// WebGL Backend
 			init( true );
 
-			function init( forceWebGL = false ) {
+			async function init( forceWebGL = false ) {
 
 				const aspect = ( window.innerWidth / 2 ) / window.innerHeight;
 				const camera = new THREE.OrthographicCamera( - aspect, aspect, 1, - 1, 0, 2 );
@@ -177,8 +177,6 @@
 
 				} )();
 			
-				// TODO: Add toAttribute() test
-
 				//
 
 				const plane = new THREE.Mesh( new THREE.PlaneGeometry( 1, 1 ), material );
@@ -207,18 +205,24 @@
 
 				}
 
-				// Init Positions
-				renderer.compute( computeInit );
+
+				await renderer.computeAsync( computeInit );
+
+				//
+
+				renderer.info.autoReset = false;
 
 				 const stepAnimation = async function () {
 
+					renderer.info.reset();
+
 					await renderer.computeAsync( compute );
 					await renderer.renderAsync( scene, camera );
 
 					timestamps[ forceWebGL ? 'webgl' : 'webgpu' ].innerHTML = `
 
-							Compute ${renderer.info.compute.computeCalls} pass in ${renderer.info.timestamp.compute.toFixed( 6 )}ms<br>
-							Draw ${renderer.info.render.drawCalls} pass in ${renderer.info.timestamp.render.toFixed( 6 )}ms`;
+							Compute ${renderer.info.compute.computeCalls} pass in ${renderer.info.compute.timestamp.toFixed( 6 )}ms<br>
+							Draw ${renderer.info.render.drawCalls} pass in ${renderer.info.render.timestamp.toFixed( 6 )}ms`;
 
 					setTimeout( stepAnimation, 1000 );
 			
