https://github.com/kaizau/try-webxr

Resources for the Aug 23, 2020 WebXR meetup.
https://github.com/kaizau/try-webxr

aframe ar babylonjs vr webxr

Last synced: 13 days ago
JSON representation

Resources for the Aug 23, 2020 WebXR meetup.

• Host: GitHub
• URL: https://github.com/kaizau/try-webxr
• Owner: kaizau
• License: mit
• Created: 2020-07-27T01:13:34.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-03-02T23:18:29.000Z (almost 3 years ago)
• Last Synced: 2024-11-06T23:05:52.429Z (2 months ago)
• Topics: aframe, ar, babylonjs, vr, webxr
• Language: HTML
• Homepage: https://kaizau.github.io/try-webxr/
• Size: 2.06 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Build VR experiences with WebXR

_Sunday August 23, 2020 [@Mozilla TW](https://moztw.org/space/)_

Have you ever thought about building your own virtual reality game or

simulation?

This event's goal is to overview the latest in WebXR. Put simply, WebXR allows

you to serve virtual (and augmented) reality content directly through the web

browser.

Note: This is a hands-on event, not a lecture. We'll work independently and in

small groups to build our own VR demos.

Required:

- A basic understanding of HTML and JS

- A laptop

- A smartphone (we'll provide Google Cardboards for testing)

The goal is for every attendee to deploy a VR experience before they leave!

Space will be limited to 35 RSVPs.

## Resources

### Dev Tools

- WebXR Emulator

  ([Firefox](https://addons.mozilla.org/en-US/firefox/addon/webxr-api-emulator/),

  [Chrome](https://chrome.google.com/webstore/detail/webxr-api-emulator/mjddjgeghkdijejnciaefnkjmkafnnje))

  for local browser testing.

- [Glitch](https://glitch.com/) for simple experiments and previews. Clone and

  deploy projects from your browser.

### A-Frame

- https://aframe.io/

- [Impressive Demo](https://aframe.io/examples/showcase/a-saturday-night/)

- [Official tutorial](https://aframe.io/aframe-school/#/)

- [Glitch starter template](https://glitch.com/~aframe)

- [Components on npm](https://www.npmjs.com/search?q=aframe)

### Babylon.js

- https://babylonjs.com/

- [Impressive Demo](https://playground.babylonjs.com/#3I55DK#0)

- [Official tutorial](https://doc.babylonjs.com/babylon101/)

- [Glitch starter template](https://glitch.com/~babylonjs-starter)

### 3D Models

- [Google Poly](https://poly.google.com) for free models.

- [Sketchfab](https://sketchfab.com/) for free and paid models.

- [Mixamo](https://www.mixamo.com/) for adding animation rigging to models.

- [Blender](https://www.blender.org/) for editing and exporting models.

### Other

- [JS13kGames](https://js13kgames.com/webxr) for extra motivation? Just so

  happens there's a WebXR game competition that runs from Aug 13 to Sep 13...

- [Great writeup](https://toji.github.io/webxr-scene-optimization/) on

  optimizing scenes and models for WebXR.