Web Is the Killer App!
WebXR promises to be a great enabler of spatial applications that can be easily shared. It enables rapid development, de-centralized content sharing, and cross platform compatibility. Let’s see how Safari can be the default spatial computing engine of the future.
013 Spatial Slideshow
What will a spatial web gallery look like? I have played with some virtual gallery ideas, but this one takes the 2D approach Apple seems to like with their own interface, and implements it using Babylon JS.
***Bug Alert*** Babylon has a built-in video dome feature to display 180VR or 360VR videos, unfortunately it is not working on AVP. I opened an issue with the Babylon folks, no resolution yet. You can see this if you tap the 3rd slide element.
012 Spatial Photo
What is the optimum resolution for a 360 photo on the Apple Vision Pro?
This image of Mono Lake California was shot with a Panasonic Lumix G9ii, the original file is 31166×15583 pixels. I have resized it in Photoshop to 2k, 4k, 8k, 12k and 15k to compare the results. Click on the floating “buttons” to change the resolution, make sure the page loads entirely first.
***Good News*** VisionOS 2 (currently in beta) fixes the color issue reported in the previous examples. Now we can have full color, stereo 360 images in Safari.
008 Spatial Photo
This is a 360 degree stereo photo in 8K.
2024_02_17 Update: Apple seems to have made an update in Safari, but this immersive environment is still displaying incorrect color gamut (note the color is washed out and less vibrant than the 2D display) . Babylonjs forum note
004 3D Graphics
February 2nd is the big day!
003 3D Graphics
A spatial environment is going to need 3D elements with motion and sound.
002 Enter XR
Getting in and out of immersive is a key UI task.
001 Environments
Environments are full 360 degree stereo images. Here Babylon is used to create a “video dome” using a top/bottom video.