t-leclercq / hello-webxr

Hello WebXR

Hello WebXR!

Try it here!

This is a WebXR demo made to celebrate the WebXR spec release at the end of 2019. It showcases several small experiences, perfect to test different kind of interactions and situations in Virtual Reality. For newcomers, it's a nice entry point to the medium, and web developers may find many things they can reuse and learn (more info on the launch article).

How to build

1. npm install
2. npm start
3. Open http://localhost:8080

Shader packing

If you make changes to the shaders you'll need to repack them. To keep things simple, we made a simple script packshaders.py:

python packshaders.py [seconds]

where seconds is an optional parameter (defaults to 5) to define how many seconds to wait until next rebuild (doesn't watch file changes)

Third party content

• Photogrammetry model by Geoffrey Marchal (Sketchfab)

• 360 Panoramas from Wikimedia Commons:

  • Halde Zollern
  • Lake Byllesby Regional Park
  • Kloster Paulinzella, Thüringen
  • Tiger And Turtle, Duisburg
  • Zapporthorn, Switzerland
  • Naturalis Biodiversity Center

• Classical Paintings:

  • The Garden of Earthly Delights, Hieronymus Bosch
  • Self-Portrait, Rembrandt van Rijn
  • The Dance Lesson, Edgar Degas
  • Gray Weather, Grande Jatte, Georges Seurat
  • The Pink Robe, Joaquin Sorolla

• Public Domain sounds from freesound.org