https://github.com/coderofsalvation/xrfragment-helloworld
XR Fragment example experience
https://github.com/coderofsalvation/xrfragment-helloworld
Last synced: 5 months ago
JSON representation
XR Fragment example experience
- Host: GitHub
- URL: https://github.com/coderofsalvation/xrfragment-helloworld
- Owner: coderofsalvation
- License: mpl-2.0
- Created: 2023-07-04T12:39:14.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-04-17T16:20:02.000Z (about 2 years ago)
- Last Synced: 2025-02-12T06:21:38.924Z (over 1 year ago)
- Language: HTML
- Homepage: https://coderofsalvation.github.io/xrfragment-helloworld/?index.glb
- Size: 8.35 MB
- Stars: 1
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Hello world xrfragments
Auto-Hosted XR Fragment-compatible XR viewer
## Getting started:
* download `index.glb`
* edit in your favorite 3D editor (blender e.g.), and play with the [embedded properties](https://xrfragment.org/#%F0%9F%93%9C%20XR%20fragments) of objects (`custom property`-tab in blender)
* familiarize yourself with XR Fragments using [these youtube video's](https://www.youtube.com/playlist?list=PLctjJGlTmeE64XPSQER2BSbjmqVGaWM4J) and the [documentation](https://xrfragment.org)
* create/update/add gltf/fbx/stl/uszd) models (and link them using `href` or `src`, see below)
> see [embedded properties](https://xrfragment.org/#%F0%9F%93%9C%20XR%20fragments)
## Quick testing
To test modifications quickly, click the 'load 3D asset'-button in the [sandbox](https://xrfragment.org/example/aframe/sandbox) after pressing the XRF-button:
## Publishing to the web
* Press the fork button, and it will automatically host an experience at your own URL
* in the github 'Actions'-tab figure out the url(`https://yourusername.github.io/xrfragment-helloworld` e.g.) and visit it
* profit!
> now upload more `.glb` or `.gltf` files (`new.glb` e.g.):
In another scene (`index.glb` e.g.) link to that asset (`new.glb`) by selecting an object in blender, and add a custom `href` property to it:
Or if you want to embed a scene into another, use `src` instead of `href`
> Profit! now you can click/teleport from one scene to another! (see the docs at [xrfragment.org](https://xrfragment.org) for more features)
#### Selfhosting (only advanced users)
If you don't like free hosting, then you can selfhost as well:
* https://github.com/coderofsalvation/xrfragment-aframe-helloworld
* https://github.com/coderofsalvation/xrfragment-three-helloworld
> More info
* [XR Fragments github](https://github.com/coderofsalvation/xrfragment)
* [XR Fragments website](https://xrfragment.org)
## Credits
