Lohnt sich dein eigenes Feather 3D?
Browserbasiertes 3D-Gestaltungswerkzeug zum Aufbauen, Beleuchten und Rendern von Szenen, ohne ständig in einer vollständigen DCC-Suite arbeiten zu müssen.
3D-Autorenwerkzeuge sind die Kategorie, in der Einmal-Nachbauten sterben. Ein Agent liefert dir an einem Nachmittag bereitwillig eine Three.js-Szene mit Transformations-Gizmo und Orbit-Kamera, und ungefähr zehn Minuten lang fühlt sich das großartig an. Dann möchtest du Einrasten, einen richtigen Undo-Verlauf, Materialbearbeitung, HDRI-Beleuchtung ohne Überstrahlung, UVs, glTF-Import, der seltsame Exporter übersteht, und einen Viewport, der mit mehr als einem Dutzend Objekten bei 60fps bleibt. Und schon schreibst du eine DCC-App, statt eine zu benutzen. Nichts davon ist konzeptionell schwierig; alles davon sind Tausende kleiner Bedienungsentscheidungen plus GPU-Abstimmung, und genau dafür bezahlst du hier. Bau die Spielerei, wenn du einen Szeneneditor für eine ganz bestimmte Aufgabe möchtest, nicht wenn du ein 3D-Werkzeug suchst, das du gerne öffnest.
EN → DERecherche automatisch aus dem Englischen übersetzt. Original-Prompt auf Englisch beibehalten.
Build a local-only 3D scene composer as a web app. This is a personal tool, not a product.
Stack, no substitutions: Vite + TypeScript + vanilla Three.js (latest). No React, no framework. No backend, no accounts, no telemetry, no network calls at all.
What it does:
1. Full-window WebGL canvas with an orbit/pan/zoom camera (OrbitControls) and a grid helper.
2. Drag and drop .glb or .gltf files onto the canvas to add them to the scene. Use GLTFLoader and fit the camera to the new object's bounding box on first load.
3. Click an object to select it. Show TransformControls with keyboard shortcuts: W translate, E rotate, R scale, X toggle world/local space, Delete removes the selection.
4. Left sidebar: scene outliner listing objects by name, click to select, double click to rename, visibility toggle per object.
5. Right sidebar: numeric inputs for position, rotation (degrees) and scale of the selection, kept in sync with the gizmo in both directions.
6. Lighting panel: one directional light with intensity, color and a draggable azimuth/elevation, plus ambient intensity. Drag and drop an .hdr file to set the environment via RGBELoader and PMREMGenerator, with an exposure slider.
7. Shadows: soft shadow map from the directional light, plus a toggleable ground plane that receives shadows only.
8. Undo/redo (Ctrl+Z / Ctrl+Shift+Z) for add, delete, transform and rename. Implement it as a plain command stack, do not try to diff the whole scene graph.
9. Save/load the scene as a JSON file: asset filenames plus transforms plus light settings. On load, re-prompt for any asset files it cannot find instead of failing silently.
10. Render button: renders the current view at a chosen resolution (up to 4x canvas size) and downloads a PNG. Also an Export glTF button using GLTFExporter.
Explicitly out of scope, do not build these: mesh editing or sculpting, UV tools, material/shader authoring beyond base color and roughness sliders, animation, physics, any AI generation, any multi-user or cloud sync.
Deliver: working dev server on npm run dev, a README with the shortcut list, and no .env because there are no secrets. Keep it to a handful of files with a clear scene-state module; do not invent an architecture.Der Prompt öffnet sich vorausgefüllt in deinem Agenten. Prüfe ihn vor dem Ausführen. · dieser Prompt wurde aus dem Bauplan erzeugt · per PR verbessern
Wie sähe deine eigene Version aus?
Ein lokaler Three.js-Szeneneditor: Füge glTF-Assets ein, verschiebe und drehe sie mit einem Gizmo, passe Licht und Umgebung an und exportiere anschließend die Szene oder ein PNG-Rendering.
Was du brauchst
- Node und ein Browser mit WebGL2
- Deine eigenen glTF/GLB-Assets, für dich wird nichts generiert
- Eine HDRI-Datei für die Umgebungsbeleuchtung
Weil die Alternative Blender heißt und Blender für viele Menschen eine Steilwand ist. Ein fokussiertes 3D-Werkzeug, das schnell startet, sinnvolle Voreinstellungen bietet und ein ordentliches Rendering liefert, ist gerade deshalb Geld wert, weil jemand anderes die mühsame Arbeit übernommen hat, den Viewport angenehm zu machen. Ein DIY-Szeneneditor ist für eine wiederkehrende, eng begrenzte Aufgabe in Ordnung, etwa Produktaufnahmen aus vorhandenen Assets zusammenzustellen. Es ist ein schlechter Tausch, wenn du in 3D tatsächlich besser werden möchtest.
xEchte Modellierung: Du kannst Assets anordnen, aber keine erstellen
xEinen verlässlichen Undo-/Redo-Verlauf über jeden Arbeitsschritt hinweg
xMaterial- und Shaderbearbeitung über eine Handvoll Schieberegler hinaus
xOptimierung der Viewport-Leistung: Schatten, Culling, LOD, große Szenen
xAlle Asset-Bibliotheken, Vorlagen oder Generierungsfunktionen, die das bezahlte Produkt mitbringt
Nichts, worauf sich verweisen ließe. Deshalb gibt es den Prompt.
Was kostet Feather 3D?
- Einmalige Lizenz
- 14,99 $14,99 $
- Mit brasilianischer Karte, inkl. 3,5% IOF
- 78,33 R$
In Meine Liste gespeichert. Bei einer Preisänderung erscheint hier ein Hinweis.
Du schließt den Kauf auf der Website von Feather 3D ab. Vibe Radar wickelt keine Zahlungen ab.
Feather 3D selbst bauen oder abonnieren?
Passe die Zahlen an: Stunden zum Bauen, dein Stundensatz, Betriebskosten und der Abopreis.
Über 24 Monate ist das Abo günstiger.
Startwerte aus der Analyse geschätzt (ein Wochenende). Nicht eingerechnet ist, was dir fehlt (Support, Integrationen, Sicherheit).
Kann ich Feather 3D nachbauen?
Eher nicht. Der Wert von Feather 3D liegt nicht im Code: Der Burggraben ist die sorgfältige Umsetzung: Ein Echtzeit-Viewport, der sich gut anfühlt, entsteht durch langwierige Arbeit an kleinen Bedienungs- und Leistungsentscheidungen, nicht durch eine Funktion, die du einfach spezifizieren kannst. Siehe die Analyse oben.
Was kostet Feather 3D?
Der Preis von Feather 3D ist nutzungsbasiert oder je nach Tarif unterschiedlich · Im Voraus bezahlte iPad-App im US App Store..
Was fehlt mir, wenn ich Feather 3D ersetze?
Ehrlich gesagt: Echte Modellierung: Du kannst Assets anordnen, aber keine erstellen; Einen verlässlichen Undo-/Redo-Verlauf über jeden Arbeitsschritt hinweg; Material- und Shaderbearbeitung über eine Handvoll Schieberegler hinaus; Optimierung der Viewport-Leistung: Schatten, Culling, LOD, große Szenen; Alle Asset-Bibliotheken, Vorlagen oder Generierungsfunktionen, die das bezahlte Produkt mitbringt. Wenn dir davon etwas wichtig ist, zahl weiter.
Gibt es eine Open-Source-Alternative zu Feather 3D?
Es gibt keine ausgereifte Open-Source-Alternative, auf die sich verweisen ließe, und genau deshalb gibt es den Prompt auf dieser Seite.