pouët.net

void

 
                        ΓûêΓûêΓûêΓûêΓûêΓûêΓûê     ΓûêΓûêΓûêΓûê    ΓûêΓûêΓûêΓûê   ΓûêΓûêΓûêΓûêΓûê   ΓûêΓûêΓûêΓûê     ΓûêΓûêΓûêΓûêΓûêΓûê 
                        Γûê ΓûêΓûêΓûêΓûê Γûê  Γûê    ΓûôΓûê   Γûê   Γûê   Γûê Γûê   Γûê   Γûê    Γûê ΓûêΓûêΓûêΓûê Γûê
                       ΓûêΓûæΓûê     ΓûÆΓûê Γûê ΓûêΓûêΓûêΓûê Γûê  Γûê Γûê  Γûê  ΓûêΓûæΓûê  Γûê ΓûêΓûêΓûê Γûê   ΓûêΓûæΓûê    ΓûÆΓûê
                       ΓûêΓûæΓûê       ΓûæΓûê Γûê  Γûê Γûê  ΓûêΓûæΓûê ΓûæΓûê  ΓûêΓûæΓûê  ΓûêΓûæΓûê  Γûê Γûê  ΓûêΓûæΓûê      
                       ΓûêΓûÆΓûê   ΓûæΓûÆΓûêΓûæΓûÆΓûêΓûæΓûêΓûêΓûêΓûêΓûæΓûêΓûæΓûæΓûêΓûæΓûêΓûæΓûæΓûê  ΓûêΓûÆΓûê ΓûæΓûêΓûæΓûêΓûêΓûêΓûêΓûæΓûê ΓûÆΓûêΓûÆΓûêΓûÆ  ΓûæΓûÆΓûê
                      ΓûæΓûôΓûêΓûêΓûêΓûêΓûêΓûêΓûêΓûô ΓûôΓûêΓûêΓûê ΓûôΓûêΓûêΓûêΓûô ΓûêΓûêΓûêΓûêΓûêΓûô ΓûôΓûêΓûêΓûêΓûôΓûÆΓûêΓûêΓûôΓûæ ΓûêΓûêΓûêΓûô ΓûôΓûêΓûêΓûêΓûêΓûêΓûêΓûêΓûôΓûæ
                                                                         2024

    /~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\
    | Entry name: void                                                                      |
    | Party: Demohässäkkä 2024                                                              |
    | Compo: Anything goes (4K intro)                                                       |
    | Code & Music: Cadiac                                                                  |
    | Tools used:                                                                           |
    | - JavaScript                                                                          |
    | - WebGPU                                                                              |
    | - SoundBox (https://gitlab.com/mbitsnbites/soundbox)                                  |
    | - wgslminify (https://github.com/mgnauck/wgslminify)                                  |
    | - Google Closure Compiler                                                             |
    | (https://mvnrepository.com/artifact/com.google.javascript/closure-compiler/v20231112) |
    | - Rollup (https://rollupjs.org)                                                       |
    | - pnginator (https://gist.github.com/gasman/2560551)                                  |
    \~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~/

4K intro, first released at Demohässäkkä 2024.
Source code and a longer README.md can be found from https://github.com/Cadiac/void.
At the time of release WebGPU only works on modern Chrome (tested on v127.0.6533.120).

Online version: https://void.cadi.ac/

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

How to run:

Host the file from a local server on localhost, for instance run

$ python3 -m http.server

and open http://localhost:8000/index.html on your browser. This bypasses
the need for CORS-security settings override.

Alternative is to open index.html directly on Chrome with the CORS-security settings temporarily disabled.

You can do this with Chrome startup flags, for instance on Windows:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe"
    --disable-web-security --user-data-dir=[some directory]

Click near the "Click!" text to start the demo. It should automatically enter full screen mode and
start after 2 second delay, and stop once the demo is complete.

Note that as WebGPU support is still experimental this demo unfortunately won't run on Firefox or Safari.

Thanks Acerola for showcasing this effect!