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!
[ back to the prod ]
