lay-a-brick.de – Klemmbaustein-Modelle planen und nachbauen

lay-a-brick.de ist ein selbst entwickeltes Portal rund um Klemmbausteine: Man setzt die Steine im Browser in einem 3D-Editor, und lay-a-brick macht daraus eine Schritt-für-Schritt-Bauanleitung mit Stückliste – zum Ausdrucken oder zum Durchblättern am Handy. Fertige Modelle lassen sich veröffentlichen, nachbauen und weiterbauen.

Funktionen

• 3D-Editor im Browser – Steine, Platten, Fliesen, Schrägen und Rundteile in 26 Farben setzen, drehen und umfärben, mit Rückgängig, Tastenkürzeln und Bedienung per Touch.
• Automatische Bauanleitung – das Modell wird in Bauschritte zerlegt, neue Steine sind in jedem Schritt markiert, dazu gibt es die Anleitung als PDF mit Stückliste.
• Community – Modelle veröffentlichen, entdecken, liken, als „gebaut“ markieren und als Remix weiterbauen; dazu eine Bestenliste und wöchentliche Challenges.
• Teilen per Link – auch ohne Konto; mit Konto werden Modelle geräteübergreifend gespeichert.
• Ratgeber und Hilfe – Artikel rund ums Planen, Bauen und Sortieren sowie eigene Seiten für Eltern und Schulen.
• Vier Sprachen – Deutsch, Englisch, Französisch und Spanisch; die Sprache wird automatisch passend zum Browser gewählt.

Technischer Fokus

• Eigenentwicklung: PHP 8.5 rendert alle Seiten serverseitig, Editor und 3D-Ansicht laufen als Three.js-Module im Browser
• Lighthouse 100 in allen vier Kategorien, auch mobil
• Konten mit E-Mail-Bestätigung und optionaler Zwei-Faktor-Anmeldung, alle Daten jederzeit als ZIP-Datei herunterladbar
• Datenschutz: IP-Adressen nur als täglich wechselnde Prüfsumme, Statistik nur nach ausdrücklicher Einwilligung
• Markenfilter, Meldeverfahren nach dem Digital Services Act und Moderation im eigenen Admin-Bereich
• SEO für vier Sprachen mit hreflang, strukturierten Daten, Sitemaps und eigenen Vorschaubildern je Sprache

Das Ergebnis ist ein Werkzeug, das aus einer Idee am Bildschirm eine Anleitung macht, die man wirklich nachbauen kann – und ein Ort, an dem andere diese Ideen finden und weiterbauen.