Deploy

.eslintignore

@@ -1,3 +1,2 @@
 build/
-lib/wgputoy
 types/supabase.ts

.github/workflows/cf-pages.yml

@@ -14,7 +14,7 @@ jobs:
       pull-requests: write
       deployments: write
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
     - run: echo Deploying ${{ github.event.pull_request.head.sha }}
     - name: Await CF Pages
       id: cf-pages

.github/workflows/deploy.yml

@@ -35,6 +35,7 @@ jobs:
           cache: 'yarn'
       - run: yarn
       - run: yarn build
+      - run: npm install -g vercel
       - name: Deploy to Vercel Action
         uses: BetaHuhn/deploy-to-vercel-action@v1
         with:

.gitmodules

@@ -1,3 +0,0 @@
-[submodule "wgpu-compute-toy"]
-	path = wgpu-compute-toy
-	url = https://github.com/compute-toys/wgpu-compute-toy.git

components/editor/explainer.tsx

@@ -48,9 +48,11 @@ const ExplainerBody = () => {
             </pre>
             Timing information is in the <HiLite>time</HiLite> struct:
             <pre style={{ color: theme.palette.neutral.main }}>
-                time.frame: u32
-                <br />
                 time.elapsed: f32
+                <br />
+                time.delta: f32
+                <br />
+                time.frame: u32
             </pre>
             Custom uniforms are in the <HiLite>custom</HiLite> struct:
             <pre style={{ color: theme.palette.neutral.main }}>
@@ -109,9 +111,17 @@ const ExplainerBody = () => {
                     <HiLite>#dispatch_count ENTRYPOINT N</HiLite> for dispatching an entrypoint
                     multiple times in a row
                 </li>
+                <li>
+                    <HiLite>#dispatch_once ENTRYPOINT</HiLite> for initialization purposes, ensuring
+                    the entrypoint is dispatched only once
+                </li>
                 <li>
                     <HiLite>#storage NAME TYPE</HiLite> for declaring a storage buffer
                 </li>
+                <li>
+                    <HiLite>SCREEN_WIDTH</HiLite> and <HiLite>SCREEN_HEIGHT</HiLite> are predefined
+                    variables for accessing the canvas dimensions
+                </li>
             </ul>
             <h1>Storage</h1>
             Read-write storage buffers can be declared using the <HiLite>#storage</HiLite>{' '}
@@ -130,31 +140,53 @@ const ExplainerBody = () => {
             storage texture, which displays the result in the canvas on this page.
             <br />
             <br />
+            {/*
             Debugging assertions are supported with an <HiLite>assert</HiLite> helper function:
             <pre style={{ color: theme.palette.neutral.main }}>
                 assert(0, isfinite(col.x))
                 <br />
                 assert(1, isfinite(col.y))
             </pre>
+            */}
             <h1>Examples</h1>
             <div style={{ fontWeight: 'bold', fontSize: '0.8rem' }}>
+                <Link href={'https://compute.toys/view/46'} target="_blank">
+                    Preprocessor #include
+                </Link>
+                <br />
+                <br />
+                <Link href={'https://compute.toys/view/76'} target="_blank">
+                    Storage usage
+                </Link>
+                <br />
+                <br />
+                <Link href={'https://compute.toys/view/1334'} target="_blank">
+                    Texture usage
+                </Link>
+                <br />
+                <br />
                 <Link href={'https://compute.toys/view/77'} target="_blank">
-                    Simple single pass shader
+                    Texture pass
                 </Link>
                 <br />
                 <br />
-                <Link href={'https://compute.toys/view/46'} target="_blank">
-                    Preprocessor #include
+                <Link href={'https://compute.toys/view/1586'} target="_blank">
+                    Custom uniforms
                 </Link>
                 <br />
                 <br />
-                <Link href={'https://compute.toys/view/59'} target="_blank">
-                    Terminal overlay
+                <Link href={'https://compute.toys/view/47'} target="_blank">
+                    Preprocessor #workgroup_count
                 </Link>
                 <br />
                 <br />
-                <Link href={'https://compute.toys/view/76'} target="_blank">
-                    Storage usage
+                <Link href={'https://compute.toys/view/528'} target="_blank">
+                    Preprocessor #dispatch_once
+                </Link>
+                <br />
+                <br />
+                <Link href={'https://compute.toys/view/48'} target="_blank">
+                    Preprocessor #dispatch_count
                 </Link>
                 <br />
                 <br />
@@ -163,18 +195,28 @@ const ExplainerBody = () => {
                 </Link>
                 <br />
                 <br />
-                <Link href={'https://compute.toys/view/48'} target="_blank">
-                    Preprocessor #dispatch_count
+                <Link href={'https://compute.toys/view/210'} target="_blank">
+                    Threads execution order
                 </Link>
                 <br />
                 <br />
-                <Link href={'https://compute.toys/view/47'} target="_blank">
-                    Preprocessor #workgroup_count
+                <Link href={'https://compute.toys/view/1199'} target="_blank">
+                    Enable WGSL extension
+                </Link>
+                <br />
+                <br />
+                <Link href={'https://compute.toys/view/59'} target="_blank">
+                    Terminal text overlay
+                </Link>
+                <br />
+                <br />
+                <Link href={'https://compute.toys/view/459'} target="_blank">
+                    Simple raymarcher
                 </Link>
                 <br />
                 <br />
-                <Link href={'https://compute.toys/view/17'} target="_blank">
-                    Assert
+                <Link href={'https://compute.toys/view/1361'} target="_blank">
+                    Simple rasterizer
                 </Link>
                 <br />
                 <br />

components/wgputoy.tsx

@@ -7,7 +7,6 @@ import { canvasElAtom, wgpuAvailabilityAtom } from 'lib/atoms/wgputoyatoms';
 import dynamic from 'next/dynamic';
 import { Suspense, useCallback, useState } from 'react';
 import { theme } from 'theme/theme';
-import Logo from './global/logo';
 
 export const WgpuToyWrapper = props => {
     const setCanvasEl = useSetAtom(canvasElAtom);
@@ -68,8 +67,13 @@ export const WgpuToyWrapper = props => {
                     </Typography>
                     <Typography>WebGPU support was not detected in your browser.</Typography>
                     <Typography>
-                        For information on how to set up your browser to run WebGPU code, please see
-                        the instructions linked on the <Logo /> homepage.
+                        <a
+                            href="https://github.com/gpuweb/gpuweb/wiki/Implementation-Status"
+                            style={{ textDecoration: 'underline' }}
+                        >
+                            Click here
+                        </a>{' '}
+                        for further information about supported browsers.
                     </Typography>
                 </Stack>
             )}