Examples: Clean up webgpu_performance_renderbundle (#29289)

* Update webgpu_performance_renderbundle.html

* Update webgpu_performance_renderbundle.html

Author: sunag

examples/webgpu_performance_renderbundle.html

@@ -29,7 +29,7 @@
 		{
 			"imports": {
 				"three": "../build/three.webgpu.js",
-					"three/tsl": "../build/three.webgpu.js",
+				"three/tsl": "../build/three.webgpu.js",
 				"three/addons/": "./jsm/",
 				"stats-gl": "https://cdn.jsdelivr.net/npm/[email protected]/dist/main.js"
 			}
@@ -68,6 +68,7 @@
 			renderBundle: true,
 			count: MAX_GEOMETRY_COUNT,
 			opacity: 1,
+			dynamic: false
 		};
 
 
@@ -125,9 +126,6 @@
 
 		}
 
-
-
-
 		function cleanup() {
 
 			if ( group ) {
@@ -154,7 +152,7 @@
 
 		function initRegularMesh( count ) {
 
-			group = api.renderBundle ?  new THREE.BundleGroup() : new THREE.Group();
+			group = api.renderBundle ? new THREE.BundleGroup() : new THREE.Group();
 
 			for ( let i = 0; i < count; i ++ ) {
 
@@ -251,6 +249,8 @@
 
 			} );
 
+			gui.add( api, 'dynamic' );
+
 			// listeners
 
 			window.addEventListener( 'resize', onWindowResize );
@@ -291,10 +291,7 @@
 			function animateMeshes() {
 
 				const count = api.count / ( api.webgpu ? 1 : 10 );
-				const countDynamic = api.dynamic / ( api.webgpu ? 1 : 10 );
-
-				const loopNum = Math.min( count, countDynamic );
-
+				const loopNum = api.dynamic ? count : 0;
 
 				for ( let i = 0; i < loopNum; i ++ ) {
 
@@ -311,7 +308,8 @@
 
 			}
 
-}
+		}
+
 	</script>
 
 </body>