Skip to content

dsimonow/WebARinR3FwithFlex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Releases

No releases published

Packages

No packages published