Threejs-symbols-scene
Boxnixta
Interaktive 3D-Szene mit schwebenden Glassymbolen. Die Formen reagiren auf die Maus und weichen sanft aus. Dépôt klonen: git clone...
Trois symboles Scène
Interaktive 3D-Szene mit schwebenden Glassymbolen.
Die Formen reagiren auf die Maus und weichen sanft aus.
Aperçu : Reculez !
Voraussetzungen
- Node.js (https://nodejs.org) musée installiert sein
Configuration
Dépôt klonen: git clone https://github.com/Boxnixta/threejs-symbols-scene.git
Dans le den Ordner wechseln: cd DEINREPONAME
Abhängigkeiten installieren: npm installation
Entwicklungsserver commence : npm run dev
→ Die Szene öffnet sich unter dem Lien http://localhost:5173
Eigene SVGs hinzufügen
SVG-Dateien in den Ordner /symbols/ legen. En main.js am Ende der SVG-Sektion aufrufen: loadSVGSymbol('./symbols/DATEINAME.svg', '#FARBE', nouveau TROIS. Vector3(x, y, z))
für die Site web deployen
npm exécution déploiement
→ Erstellt einen fertigen /dist Ordner mit allen Dateien.
Farben anpassen
Über das GUI-Panel oben rechts im Navigateur können
5 Glasfarben vit Angepasst Werde.
Contributeurs GitHub