points version updated to v0.7.0

Author: Absulit

index.html

@@ -25,19 +25,19 @@
   <script type="importmap">
       {
         "imports": {
-            "points": "https://cdn.jsdelivr.net/gh/absulit/points@0.6.0/build/points.min.js",
+            "points": "https://cdn.jsdelivr.net/gh/absulit/points@0.7.0/build/points.min.js",
 
-            "points/animation": "https://cdn.jsdelivr.net/gh/absulit/points@0.6.0/build/core/animation.min.js",
-            "points/audio": "https://cdn.jsdelivr.net/gh/absulit/points@0.6.0/build/core/audio.min.js",
-            "points/color": "https://cdn.jsdelivr.net/gh/absulit/points@0.6.0/build/core/color.min.js",
-            "points/debug": "https://cdn.jsdelivr.net/gh/absulit/points@0.6.0/build/core/debug.min.js",
-            "points/effects": "https://cdn.jsdelivr.net/gh/absulit/points@0.6.0/build/core/effects.min.js",
-            "points/image": "https://cdn.jsdelivr.net/gh/absulit/points@0.6.0/build/core/image.min.js",
-            "points/math": "https://cdn.jsdelivr.net/gh/absulit/points@0.6.0/build/core/math.min.js",
-            "points/noise2d": "https://cdn.jsdelivr.net/gh/absulit/points@0.6.0/build/core/noise2d.min.js",
-            "points/classicnoise2d": "https://cdn.jsdelivr.net/gh/absulit/points@0.6.0/build/core/classicnoise2d.min.js",
-            "points/random": "https://cdn.jsdelivr.net/gh/absulit/points@0.6.0/build/core/random.min.js",
-            "points/sdf": "https://cdn.jsdelivr.net/gh/absulit/points@0.6.0/build/core/sdf.min.js",
+            "points/animation": "https://cdn.jsdelivr.net/gh/absulit/points@0.7.0/build/core/animation.min.js",
+            "points/audio": "https://cdn.jsdelivr.net/gh/absulit/points@0.7.0/build/core/audio.min.js",
+            "points/color": "https://cdn.jsdelivr.net/gh/absulit/points@0.7.0/build/core/color.min.js",
+            "points/debug": "https://cdn.jsdelivr.net/gh/absulit/points@0.7.0/build/core/debug.min.js",
+            "points/effects": "https://cdn.jsdelivr.net/gh/absulit/points@0.7.0/build/core/effects.min.js",
+            "points/image": "https://cdn.jsdelivr.net/gh/absulit/points@0.7.0/build/core/image.min.js",
+            "points/math": "https://cdn.jsdelivr.net/gh/absulit/points@0.7.0/build/core/math.min.js",
+            "points/noise2d": "https://cdn.jsdelivr.net/gh/absulit/points@0.7.0/build/core/noise2d.min.js",
+            "points/classicnoise2d": "https://cdn.jsdelivr.net/gh/absulit/points@0.7.0/build/core/classicnoise2d.min.js",
+            "points/random": "https://cdn.jsdelivr.net/gh/absulit/points@0.7.0/build/core/random.min.js",
+            "points/sdf": "https://cdn.jsdelivr.net/gh/absulit/points@0.7.0/build/core/sdf.min.js",
 
             "datgui": "https://cdn.jsdelivr.net/gh/dataarts/dat.gui@0.7.9/build/dat.gui.module.js"
         }

src/main.js

@@ -15,6 +15,8 @@ const folderControls = gui.addFolder('controls');
 const folderSongs = gui.addFolder('songs');
 const size = { x: 8, y: 22 }, offset = -32, atlasPath = 'src/img/inconsolata_regular_8x22.png';
 
+points.debug = false;
+
 let audio = null;
 let loop = false;
 let pauseClickTimeout = null;
@@ -381,7 +383,7 @@ const renderPasses = [
 
 if (await points.init(renderPasses)) {
     points.fitWindow = true;
-    update();
+    points.update(update);
 } else {
     const el = document.getElementById('nowebgpu');
     el.classList.toggle('show');
@@ -418,14 +420,11 @@ setInterval(_ => {
     points.setUniform('rand', Math.random());
 }, 10000)
 
-update();
 
 // call `points.update()` methods to render a new frame
 function update() {
     Object.keys(options).forEach(key => points.setUniform(key, options[key]));
     // points.setUniform('somecolor', colors.color2.map(i => i / 255))
-    points.update();
-    requestAnimationFrame(update);
 }
 
 /******************************/