Skip to content

Latest commit

 

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

About

React Three Fiber Lern Projekt, WebAR

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages