Hallo,
Beispiel für einen 3D T-Shirt Konfigurator
https://codesandbox.io/s/ioxywi
Die Umsetzung wird in einem Udemy Kurs erklärt
https://www.udemy.com/course/react-thre ... 2#overview
(Anmeldung evtl. erforderlich)
Wawa Sensei
ein Tutorial auf YT geteilt
https://www.youtube.com/watch?v=LNvn66zJyKs
Dazu gibt es auch Quellen
https://github.com/wass08/chair-configu ... F-tutorial
und eine Installation
https://chair-configurator-three-js-r3- ... ercel.app/
Wer baut dies eben für MyOOS um und ein?
Der T-Shirt Konfigurator weiter gedacht mit KI
Build and Deploy an AI-Powered 3D Website Using React | 2023 Three JS Course Tutorial for Beginners
https://www.youtube.com/watch?v=ZqEa8fTxypQ
Beste Grüße
Ralf
Todo: T-Shirt configurator // react-three-fiber
Re: Todo: T-Shirt configurator // react-three-fiber
Hallo,
Ich bin froh, dass du dich für React Three Fiber interessierst. Das ist eine React-Renderer für Three.js, mit dem du deine Szene deklarativ mit wiederverwendbaren, eigenständigen Komponenten erstellen kannst, die auf Zustände reagieren, interaktiv sind und am React-Ökosystem teilnehmen können.
Die Frage war, braucht ein Shopbetreiber einen eine Notes Umgebung, wenn er react-three-fiber Inhalte in seinem Shop hat. ich habe bing gefragt:
8<-
Ja, du kannst eine Anwendung, die du mit React Three Fiber erstellt hast, auch mit Webpack auf deiner eigenen Webseite ohne einer Node.js-Umgebung verwenden. Du musst nur sicherstellen, dass du die nötigen Abhängigkeiten installierst und konfigurierst, wie z.B. three, @types/three, @react-three/fiber und babel. Du kannst dir auch einige nützliche Add-ons für React Three Fiber ansehen, wie z.B. @react-three/drei³, die dir einige häufig verwendete Komponenten und Helfer zur Verfügung stellen.
Ich hoffe, das hilft dir weiter. Wenn du mehr über React Three Fiber erfahren möchtest, kannst du dir die offizielle Dokumentation¹ oder das GitHub-Repository² ansehen. Viel Spaß beim Programmieren!
Quelle: Unterhaltung mit Bing, 3.8.2023
(1) React Three Fiber Documentation. https://docs.pmnd.rs/react-three-fiber/ ... troduction.
(2) pmndrs/react-three-fiber: A React renderer for Three.js - GitHub. https://github.com/pmndrs/react-three-fiber.
(3) @react-three/drei - npm. https://www.npmjs.com/package/@react-three/drei.
8<-
Die Frage ist, wie richten wir dies für den Shop. Ich denke, eigenständige Modulseiten sind sinnvoll. Mit Webpack erzeugte Javascripte kann man mit dem MyOOS Projekt ausliefern. Wenn jemand die Quellen ändern möchte, kann er das Modul verwenden.
Meinungen sind Willkommen
Beste Grüße
Ralf
Ich bin froh, dass du dich für React Three Fiber interessierst. Das ist eine React-Renderer für Three.js, mit dem du deine Szene deklarativ mit wiederverwendbaren, eigenständigen Komponenten erstellen kannst, die auf Zustände reagieren, interaktiv sind und am React-Ökosystem teilnehmen können.
Die Frage war, braucht ein Shopbetreiber einen eine Notes Umgebung, wenn er react-three-fiber Inhalte in seinem Shop hat. ich habe bing gefragt:
8<-
Ja, du kannst eine Anwendung, die du mit React Three Fiber erstellt hast, auch mit Webpack auf deiner eigenen Webseite ohne einer Node.js-Umgebung verwenden. Du musst nur sicherstellen, dass du die nötigen Abhängigkeiten installierst und konfigurierst, wie z.B. three, @types/three, @react-three/fiber und babel. Du kannst dir auch einige nützliche Add-ons für React Three Fiber ansehen, wie z.B. @react-three/drei³, die dir einige häufig verwendete Komponenten und Helfer zur Verfügung stellen.
Ich hoffe, das hilft dir weiter. Wenn du mehr über React Three Fiber erfahren möchtest, kannst du dir die offizielle Dokumentation¹ oder das GitHub-Repository² ansehen. Viel Spaß beim Programmieren!
Quelle: Unterhaltung mit Bing, 3.8.2023
(1) React Three Fiber Documentation. https://docs.pmnd.rs/react-three-fiber/ ... troduction.
(2) pmndrs/react-three-fiber: A React renderer for Three.js - GitHub. https://github.com/pmndrs/react-three-fiber.
(3) @react-three/drei - npm. https://www.npmjs.com/package/@react-three/drei.
8<-
Die Frage ist, wie richten wir dies für den Shop. Ich denke, eigenständige Modulseiten sind sinnvoll. Mit Webpack erzeugte Javascripte kann man mit dem MyOOS Projekt ausliefern. Wenn jemand die Quellen ändern möchte, kann er das Modul verwenden.
Meinungen sind Willkommen
Beste Grüße
Ralf
Re: Todo: T-Shirt configurator // react-three-fiber
Hallo,
ich habe einen Fork myoos-t-shirt-configurator über Codesandbox gestartet.
https://codesandbox.io/p/github/r23/myo ... figurator/
Rechts in dem Fenster kann man die Anwendung sehen.
Die Quellen hat Codesandbox eben eingerichtet
https://github.com/r23/myoos-t-shirt-configurator
Ich freue mich über Sponsoren, die mir E-Learning Kurse ermöglichen.
Meine Wunschliste
https://www.udemy.com/home/my-courses/wishlist/
(Anmeldung bei Udemy vermutlich nötig)
Beste Grüße
Ralf
ich habe einen Fork myoos-t-shirt-configurator über Codesandbox gestartet.
https://codesandbox.io/p/github/r23/myo ... figurator/
Rechts in dem Fenster kann man die Anwendung sehen.
Die Quellen hat Codesandbox eben eingerichtet
https://github.com/r23/myoos-t-shirt-configurator
Ich freue mich über Sponsoren, die mir E-Learning Kurse ermöglichen.
Meine Wunschliste
https://www.udemy.com/home/my-courses/wishlist/
(Anmeldung bei Udemy vermutlich nötig)
Beste Grüße
Ralf
