Merge pull request #51 from martinlaxenaire/develop

- updated examples & tests
martinlaxenaire · Mar 1, 2024 · a51c495 · a51c495
2 parents c968f49 + ecfe56f
commit a51c495
Show file tree

Hide file tree

Showing 51 changed files with 612 additions and 0 deletions.
diff --git a/examples/ajax-navigation-with-plane-removal/beach.html b/examples/ajax-navigation-with-plane-removal/beach.html
@@ -99,5 +99,17 @@ <h1>Beach</h1>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js"></script>
     <script src="view-transitions-api-utils.js" type="module"></script>
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/ajax-navigation-with-plane-removal/index.html b/examples/ajax-navigation-with-plane-removal/index.html
@@ -66,5 +66,17 @@ <h1>AJAX Navigation</h1>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js"></script>
     <script src="view-transitions-api-utils.js" type="module"></script>
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/ajax-navigation-with-plane-removal/mountain.html b/examples/ajax-navigation-with-plane-removal/mountain.html
@@ -100,5 +100,17 @@ <h1>Mountain</h1>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js"></script>
     <script src="view-transitions-api-utils.js" type="module"></script>
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/basic-plane/index.html b/examples/basic-plane/index.html
@@ -192,5 +192,17 @@
         })
       })
     </script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/camera-renderer-object-3d-pivot/index.html b/examples/camera-renderer-object-3d-pivot/index.html
@@ -43,5 +43,17 @@
     >
 
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/camera-renderer-selective-dithering/index.html b/examples/camera-renderer-selective-dithering/index.html
@@ -46,5 +46,17 @@
     >
 
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/camera-renderer-transforms-bloom-pass/index.html b/examples/camera-renderer-transforms-bloom-pass/index.html
@@ -43,5 +43,17 @@
     >
 
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/canvas-text/index.html b/examples/canvas-text/index.html
@@ -47,5 +47,17 @@ <h1>Text rendered in WebGPU</h1>
     </div>
 
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/cloth-simulation/index.html b/examples/cloth-simulation/index.html
@@ -45,5 +45,17 @@
     >
 
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/compute-blur/index.html b/examples/compute-blur/index.html
@@ -68,5 +68,17 @@
     >
 
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/compute-boids/index.html b/examples/compute-boids/index.html
@@ -43,5 +43,17 @@
     >
 
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/compute-particles/index.html b/examples/compute-particles/index.html
@@ -43,5 +43,17 @@
     >
 
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/cubemap/index.html b/examples/cubemap/index.html
@@ -43,5 +43,17 @@
     >
 
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/custom-geometry/index.html b/examples/custom-geometry/index.html
@@ -41,5 +41,17 @@
     >
 
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/custom-scroll-and-transformations/index.html b/examples/custom-scroll-and-transformations/index.html
@@ -59,5 +59,17 @@ <h1>Smooth scroll</h1>
 
     <script src="https://unpkg.com/@studio-freight/lenis@1.0.36/dist/lenis.min.js"></script>
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/deferred-rendering/index.html b/examples/deferred-rendering/index.html
@@ -43,5 +43,17 @@
     >
 
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/dom-meshes/index.html b/examples/dom-meshes/index.html
@@ -117,5 +117,17 @@ <h2><span class="overlay-title">Sphere mesh 4</span></h2>
     >
 
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/full-screen-plane-shader/index.html b/examples/full-screen-plane-shader/index.html
@@ -45,5 +45,17 @@
     >
 
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/gsap-instanced-kinetic-typography/index.html b/examples/gsap-instanced-kinetic-typography/index.html
@@ -53,5 +53,17 @@ <h1>
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js"></script>
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/index.html b/examples/index.html
@@ -298,5 +298,17 @@ <h2 class="overlay-title">Advanced rendering</h2>
         }
       })
     </script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/instanced-planes/index.html b/examples/instanced-planes/index.html
@@ -101,5 +101,17 @@ <h1>Instanced planes</h1>
     >
 
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>
diff --git a/examples/multiple-canvases-updating-renderer/index.html b/examples/multiple-canvases-updating-renderer/index.html
@@ -49,5 +49,17 @@ <h1>Updating meshes renderers based on their depth position</h1>
     >
 
     <script src="main.js" type="module"></script>
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45554DLGL6"></script>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag('js', new Date())
+
+      gtag('config', 'G-45554DLGL6')
+    </script>
   </body>
 </html>