Skip to content

Latest commit

 

History

History
16 lines (10 loc) · 1.07 KB

README.md

File metadata and controls

16 lines (10 loc) · 1.07 KB

WebAR in React Three Fiber mit r3f/flex und mehr

Implementierung zum testen und lernen von React Three Fiber. Die Anwendung verwendet React, React-Three-Fiber, react-three/flex, react-three/drei, react-three/xr, zustand.

Schlichte Implementierung zur Darstellung einer Quasi-Präsentation die aus einem lokalen JSON gelesen wird.

Desktop Verwendung:

Codesandbox Link in der Beschreibung folgen. Dort kann die Desktop Variante im rechten Fenster verwendet werden. Auf die weiße Kugel klicken, es kann dann mithilfe des Mausrads näher gezoomt werden.

Für die AR Anwendung:

Entwender ein Android Endgerät mit Chrome verwendet werden, oder auf iOS mit dem Mozilla XR Viewer(kostenlos im App Store). Den URL Link des rechten Fensters(in der Codesandbox) im Endgerät dann eingeben. Boden und Tischoberfläche finden bis der weiße Ball sichtbar ist, diesen dann antippen.

Dann können die UI Elemente auf der Unterseite verwendet werden um die Slides zu ändern.

Beispiel Bild der AR Ansicht