diff3d: ein Fehlersuch-Prototyp mit unendlich vielen Levels | Curious Electric

diff3d: ein Fehlersuch-Prototyp mit unendlich vielen Levels

2026/06/01
Technologies: JavaScript ThreeJS Game WebGL

Wir haben einen Prototyp eines lockeren 3D-Spiels entwickelt, das wir diff3d nennen: zwei nebeneinanderliegende Szenen zum Drehen und Zoomen, zum Vergleichen — und ein langer Druck heilt jeden gefundenen Unterschied wieder ins Bild, bis beide Szenen übereinstimmen.

Das Interessante steckt unter der Haube. Anstatt Levels von Hand zu bauen, wird jedes Rätsel algorithmisch aus einem einzigen Seed generiert – eine Basisszene wird unter räumlichen und Verdeckungsbeschränkungen mutiert (ein Objekt wird umgefärbt, gedreht, verschoben oder entfernt). Dadurch ist der Level-Pool theoretisch unendlich, während ein reiner, render-engine-unabhängiger Generator es uns zudem ermöglicht, Levels offline vorzuberechnen, um sie sofort zu laden.

Ein toon-schattiertes Gewächshaus, eine der Umgebungen, mit denen der Generator arbeitet

Es gibt dioramaartige „durchsichtige" Wände, die beim Umkreisen ausblenden, weiche Schatten und eine Toon-Shading-Optik über fünf von Hand gestaltete Umgebungen – ein Gewächshaus, ein Bahnhof, das Arbeitszimmer eines Detektivs, ein antiker Platz und ein Dachboden. Es ist ein Experiment mit prozeduralen Inhalten und WebGL-Spielgefühl, das zunächst für lockere Web-Portale gedacht ist.

Mehr zum Spiel auf der Projektseite.