Showcase 14 · Schattenrätsel
Der leere Thron
Ein leerer Saal, eine einzige Kerze. Zwischen Kerze und Wand hängen an Ketten Schwerter, Griffe und Steintrümmer, scheinbar ohne Ordnung. Ziehen Sie die Kerze über den Boden: Aus genau einem Winkel verbinden sich ihre Schatten an der Wand zu einem Thron. Ein Schritt weiter, und er zerfällt wieder.
Die Live-Demo benötigt JavaScript. Die Erklärung unten ist auch ohne sie lesbar.
- Schatten
- –
- Übereinstimmung
- –
- Fragmente
- –
- Bilder/s
- –
So funktioniert es
Zuerst steht der Thron als flache Silhouette an der Wand: Sitz und Stufen aus Steinblöcken, die Lehne aus einem Fächer von Schwertern. Dann wird jedes Bruchstück von der Wand gelöst und zu einem verborgenen Punkt im Raum hin verschoben, jedes in eine andere Tiefe und mit einer anderen Neigung. Seine Ecken bleiben dabei auf den Strahlen von diesem Punkt zu ihrem Platz an der Wand. Steht die Kerze genau dort, fällt jeder Schatten an seinen Platz und der Thron ist vollständig; überall sonst wandern die Schatten unterschiedlich schnell auseinander, weil die Fragmente unterschiedlich weit von der Wand hängen.
Gezeichnet wird mit Canvas 2D, ohne WebGL. In jedem Bild wird jedes Fragment von der Flamme aus auf Wand, Boden und Seitenwände projiziert und an deren Rändern beschnitten. Weil eine Flamme keine Punktlichtquelle ist, entstehen die Schatten aus mehreren Punkten der Flamme; ihre Ränder werden umso weicher, je weiter ein Fragment von der Wand hängt. Das Kerzenlicht selbst fällt mit dem Quadrat der Entfernung ab und wird in geringerer Auflösung gerechnet und weich vergrößert. Die Übereinstimmung misst, wie weit die Schatten aller Ecken von ihrem Platz in der Silhouette entfernt liegen. Alle Farben stammen aus den Design-Tokens.