Bluetruder

👉 Live-Demo ansehen 👉 Quellcode

Bluetruder ist eine kleine Web-App, die einen 3D-Modell-Blueprint-Editor bereitstellt, mit dem Benutzer vordefinierte Teile des Modells schnell austauschen können. Und ich denke, du hast es erraten. Das Wort Bluetruder ist eine Mischung aus den Wörtern Blueprint und Extruder.

🧩 Funktionen

• Minimalistisches Design
• Dark-Mode-Ästhetik
• Saubere und wiederverwendbare UI-Komponenten
• Moderne Technologien
• Handgefertigter Stil

💡 Verwendete Technologien

• TypeScript
• Vue
• ThreeJS

🎯 Erkenntnisse

Das Hauptziel dieses Projekts war es, einen Raum zu schaffen, in dem ich mit neuen Technologien, Praktiken und Architekturen experimentieren und gleichzeitig etwas über 3D-Rendering, Animationen und User Interface Design lernen konnte.

Auf der Suche nach Inspiration stieß ich online auf ein 3D-Modell – einen Haken mit einem Symbol zur Organisation von Kabeln. Mir gefiel das Konzept, erkannte aber, dass das Bearbeiten von 3D-Modellen zur Anpassung von Funktionen wie dem Symbol des Hakens ohne die richtigen Werkzeuge eine Herausforderung sein kann.

Bluetruder war geboren: ein Blueprint-Editor, der das einfache Modifizieren und Austauschen vordefinierter Teile von 3D-Modellen ermöglicht.