Visual Journal, een open-source Solari klapbord gebouwd met ThreeJS
Klappende panelen in 3D, vrijgegeven onder de AGPL.
- Beantwoordt
- Bestaat er een open-source Solari klapbord voor het web?
- Onderwerpen
- art · data · design · people · programming · work
- Volledig artikel op willem.com
- https://willem.com/nl/2025-08-11_willemstagram/
Samenvatting
Ja. Ik bouwde er een, de Visual Journal op mijn homepage: een 3D klapbord met foto's, geschreven met de ThreeJS graphics engine, en ik gaf de volledige broncode vrij als vrije software onder de GNU AGPL.
Volledige tekst
Het scherm bootst een Solari vertrekbord na: panelen klappen om en tonen willekeurige foto's uit mijn verhalen, en wie erop tikt krijgt een klein ticket met een bijschrift om te beslissen of het volledige verhaal op precies die plek wordt geopend. ThreeJS tekent op het HTML5 canvas element en biedt camera-, licht- en mistregelaars, die zorgen voor het realistische perspectief waarbij de buitenste panelen schever draaien. Ik overwoog kort pure CSS transforms, maar de willekeur vereiste toch JavaScript. De engine laadt asynchroon en is geheel optioneel, dus de homepage blijft snel en werkt ook met JavaScript uitgeschakeld. Een eigen API voedt het geheel met afbeeldingen geoptimaliseerd naar 400x400px, op de achtergrond gegenereerd door een NodeJS service met imagemagick, jpegoptim en pngquant. Broncode, readme en voorbeeldbestanden staan op source.willem.com/visual-journal, vrij te gebruiken, aan te passen en te verspreiden.