Decompress of Empty

WebGL 64KB Introデモ。SESSIONS in C4 LAN 2023 SPRINGにて発表。Combined PC Demo部門において1位をいただきました。

64KBのHTMLファイル1つで構成された、ブラウザ上で動作するリアルタイム映像作品です。こちらから実際に動かせます。

制作には自作のWebGLラッパー兼数学ライブラリ「glpower」と、Blenderのシーンをjsonとして書き出してWebに送る「BLidge」を使っています。ビルド環境はFMS_Cat氏の「Condition」を参考にVite上で組み、Rollup・Terserによるjsの圧縮、Shader Minifierによるシェーダーの圧縮、JsExeによるPNGへの格納で64KB以下に収めています。

オブジェクトスペースのレイマーチングによる形状、シャドウマップ、ライトシャフト、SSR（スクリーンスペース反射）、ブルームなどを組み合わせています。
音楽はtransform feedbackを使ってGLSLで波形を生成し、Web Audio API側でリバーブをかけています。

制作の過程はSESSIONS 2023 AFTER PARTYでの登壇資料「ﾃﾞｺﾝﾌﾟﾃｨができるまで」にまとめています。