CINXE.COM

<!DOCTYPE html><html><head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("http://web.archive.org/web"); __wm.wombat("https://experiments.withgoogle.com/collection/webxr","20230921215241","http://web.archive.org/","web","https://web-static.archive.org/_static/", "1695333161"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <title>WebXR Experiments - Experiments with Google</title><meta name="description" content="Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, WebVR, AR and more. We're showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments."><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><link rel="icon" type="image/png" href="/web/20230921215241im_/https://experiments.withgoogle.com/static/img/favicon.png"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="WebXR Experiments - Experiments with Google"><meta name="twitter:site" content="@google"><meta name="twitter:description" content="Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, WebVR, AR and more. We're showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments."><meta name="twitter:image" content="http://web.archive.org/web/20230921215241im_/https://lh3.googleusercontent.com/kVORIV5cfYYXQOkfKRopXbfFUsYbnbhrRA3QWsdHk8-mJG62-NwNbLdJsGxe9c5fu_n0sH2JlA1_lv6ply3E-tMViW8UXYc9jeZKiL4ahw"><meta property="og:title" content="WebXR Experiments - Experiments with Google"><meta property="og:type" content="website"><meta property="og:url" content="http://web.archive.org/web/20230921215241/https://experiments.withgoogle.com/collection/webxr"><meta property="og:image" content="http://web.archive.org/web/20230921215241im_/https://lh3.googleusercontent.com/kVORIV5cfYYXQOkfKRopXbfFUsYbnbhrRA3QWsdHk8-mJG62-NwNbLdJsGxe9c5fu_n0sH2JlA1_lv6ply3E-tMViW8UXYc9jeZKiL4ahw"><meta property="og:image:type" content="image/jpeg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:description" content="Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, WebVR, AR and more. We're showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments."><meta itemscope itemtype="http://schema.org/Article"><meta itemprop="title" content="WebXR Experiments - Experiments with Google"><meta itemprop="name" content="Experiments with Google"><meta itemprop="description" content="Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, WebVR, AR and more. We're showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments."><meta itemprop="image" content="http://web.archive.org/web/20230921215241im_/https://lh3.googleusercontent.com/kVORIV5cfYYXQOkfKRopXbfFUsYbnbhrRA3QWsdHk8-mJG62-NwNbLdJsGxe9c5fu_n0sH2JlA1_lv6ply3E-tMViW8UXYc9jeZKiL4ahw"><link href="http://web.archive.org/web/20230921215241cs_/https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.css" rel="stylesheet"><link rel="stylesheet" href="//web.archive.org/web/20230921215241cs_/https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700|Source+Code+Pro:300,400,500,600,700" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-"><link rel="stylesheet" href="/web/20230921215241cs_/https://experiments.withgoogle.com/static/css/vendors.css" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-"><link rel="stylesheet" href="/web/20230921215241cs_/https://experiments.withgoogle.com/static/css/style.css" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-"><script nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-">!function(e,t,n,a,r){e[a]=e[a]||[],e[a].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var o=t.getElementsByTagName(n)[0],c=t.createElement(n),g="dataLayer"!=a?"&l="+a:"";c.async=!0,c.src="http://web.archive.org/web/20230921215241/https://www.googletagmanager.com/gtm.js?id="+r+g;var s=t.querySelector("[nonce]");s&&c.setAttribute("nonce",s.nonce||s.getAttribute("nonce")),o.parentNode.insertBefore(c,o)}(window,document,"script","dataLayer","GTM-WSXK4F2");</script></head><body class="collection hide-butterbar" data-coll-name="webxr"><header> <div class="wrapper"><div id="logo-holder"><a href="/web/20230921215241/https://experiments.withgoogle.com/"><nav id="logo" role="navigation" aria-label="Homepage">Experiments with Google</nav></a></div><div id="menuoverlay"><nav id="mainmenu" role="navigation" aria-label="main navigation"><ul id="collection-menu" style="padding:0"><li style="padding:0" class="menuitem coll-options"><a href="/web/20230921215241/https://experiments.withgoogle.com/collections" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-">Collections</a><div class="triangle-down">&blacktriangledown;</div></li><ul id="home-menu"> <li class="home-menuitem" data-coll-name="tfliteformicrocontrollers"><a href="/web/20230921215241/https://experiments.withgoogle.com/collection/tfliteformicrocontrollers" title="TensorFlow Lite for Microcontrollers" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-">TensorFlow Lite for Microcontrollers</a></li> <li class="home-menuitem" data-coll-name="startwithone"><a href="/web/20230921215241/https://experiments.withgoogle.com/collection/startwithone" title="Start With One" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-">Start With One</a></li> <li class="home-menuitem" data-coll-name="creatability"><a href="/web/20230921215241/https://experiments.withgoogle.com/collection/creatability" title="Creatability" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-">Creatability</a></li> <li class="home-menuitem" data-coll-name="digitalwellbeing"><a href="/web/20230921215241/https://experiments.withgoogle.com/collection/digitalwellbeing" title="Digital Wellbeing Experiments" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-">Digital Wellbeing Experiments</a></li> <li class="home-menuitem active" data-coll-name="webxr"><a href="/web/20230921215241/https://experiments.withgoogle.com/collection/webxr" title="WebXR Experiments" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-">WebXR Experiments</a></li> <li class="home-menuitem" data-coll-name="arts-culture"><a href="/web/20230921215241/https://experiments.withgoogle.com/collection/arts-culture" title="Arts & Culture Experiments" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-">Arts & Culture Experiments</a></li> <li class="home-menuitem" data-coll-name="ar"><a href="/web/20230921215241/https://experiments.withgoogle.com/collection/ar" title="AR Experiments" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-">AR Experiments</a></li> <li class="home-menuitem" data-coll-name="ai"><a href="/web/20230921215241/https://experiments.withgoogle.com/collection/ai" title="AI Experiments" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-">AI Experiments</a></li> <li class="home-menuitem" data-coll-name="android"><a href="/web/20230921215241/https://experiments.withgoogle.com/collection/android" title="Android Experiments" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-">Android Experiments</a></li> <li class="home-menuitem" data-coll-name="chrome"><a href="/web/20230921215241/https://experiments.withgoogle.com/collection/chrome" title="Chrome Experiments" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-">Chrome Experiments</a></li> <li class="home-menuitem" data-coll-name="All Collections"><a href="/web/20230921215241/https://experiments.withgoogle.com/collections" title="View all <built-in method count of list object at 0x3ecdf511d0c0> collections" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-">VIEW ALL 17 COLLECTIONS</a></li></ul></ul><a class="menuitem" href="/web/20230921215241/https://experiments.withgoogle.com/experiments" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-">Experiments</a><div id="searchwrap"><div class="menuitem" id="search"></div><input type="text" name="search" id="searchbox" value="" aria-label="Search experiments" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off" placeholder="Search" onfocus="this.placeholder=""" onblur="this.placeholder="Search""></div><a class="menuitem submit-btn border" href="/web/20230921215241/https://experiments.withgoogle.com/submit" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-">Submit Experiment</a></nav><div class="google-logo"></div></div></div></header><div id="main" class=""><div class="wrapper"> <div class="item-title caps" style="margin-bottom:15px">Collection</div> <h1 class="title" data-featured-name="">WebXR Experiments</h1><div class="contentblock-container"><div class="contentblock" data-id="5636810734567424" data-hash="" data-theme=""> <div class="content-divider"> <div class="content-divider"><div class="content-left width75"><div style="margin-bottom:40px" class="displaytext"><p>A showcase of AR and VR experiments made for the web.</p></div></div></div> <div class="video-holder" data-videoid="ttDyimAk88Y"> <img class="video-cover-image" src="http://web.archive.org/web/20230921215241im_/https://lh3.googleusercontent.com/0qVA-JWheRBnqNa3IFZmtwN8_PhJH0M7JlJe64kByTb1Dr54sxAZbMvEOaFxGMOjTB7m3J_U7sdTzEpwv6kmgLGf7fzB6Ytr9QjAuZFpH8sI" alt=""> <div class="video-embed" id="video-ttDyimAk88Y"></div><img src="/web/20230921215241im_/https://experiments.withgoogle.com/static/img/video-play-btn.png" class="video-play-btn"></div> <div class="content-divider"><div class="content-left width75"><div style="margin-top:40px" class="displaytext"><p><b>What are WebXR Experiments? </b></p><p><b><br></b></p><p>A collection of experiences made with WebXR, which brings together AR and VR on the web to make them more convenient and widely accessible.</p><p><br></p><p>We鈥檙e featuring some of our own projects here and encourage everyone to grow the collection and push the boundaries of what鈥檚 possible with WebXR.</p></div></div></div></div> </div> <div class="contentblock" data-id="5757043075973120" data-hash="experiments" data-theme=""> <div class="content-divider"> <div class="content-left inline width75"><h2 class="block-title ">EXPERIMENTS</h2> </div><div class="expt-holder"> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/web/20230921215241oe_/https://experiments.withgoogle.com/bouncing-band"><h3 class="box-name">Bouncing Band</h3><div class="box-subname">by oio </div><div class="box-subname desc dark"> Bouncing Band turns any space into a musical instrument. Just use objects and characters from... </div></div><div class="box-bg-wrap linked" data-url="/web/20230921215241oe_/https://experiments.withgoogle.com/bouncing-band"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="http://web.archive.org/web/20230921215241/https://bouncing.band/" target="_blank" aria-label="Launch Bouncing Band Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/web/20230921215241/https://experiments.withgoogle.com/bouncing-band" aria-label="Learn more about Bouncing Band Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(http://web.archive.org/web/20230921215241im_/https://storage.googleapis.com/gweb-experiments.appspot.com/2685-900.png)" aria-label="" data-img-alt=""></div></div></div> <div class="expt-box fixed" data-url="/web/20230921215241oe_/https://experiments.withgoogle.com/submit"><div class="box-bg-wrap dashed"><p id="centeralign">Made something<br>you'd like to see<br>featured here?<br><br><a class="blue" style="text-decoration:underline!important" href="/web/20230921215241/https://experiments.withgoogle.com/submit">Submit your<br>experiment here.</a></p></div></div></div></div> </div> </div></div></div><footer><div class="wrapper"><div class="google-logo"></div><div id="social-holder"><a href="http://web.archive.org/web/20230921215241/https://www.google.com/policies/" target="_blank" class="social-icon">Privacy & Terms</a><div id="social-icons"><a class="social-icon" href="http://web.archive.org/web/20230921215241/https://www.facebook.com/ExpWithGoogle/" target="_blank" aria-label="Link to our Facebook page"><img src="/web/20230921215241im_/https://experiments.withgoogle.com/static/img/social-fb.png" alt="facebook icon"></a> <a class="social-icon" href="http://web.archive.org/web/20230921215241/https://twitter.com/ExpWithGoogle" target="_blank" aria-label="Link to our Twitter page"><img src="/web/20230921215241im_/https://experiments.withgoogle.com/static/img/social-tw.png" alt="twitter icon"></a></div></div></div></footer><div id="page-loader"><div id="txt-submitting">Submitting...</div><div id="txt-saving">Saving...</div></div><div id="sitemenu-icon"><span class="line1"></span> <span class="line2"></span> <span class="line3"></span></div><div id="overlay"><div id="overlay-closebtn"></div><div id="overlay-content-wrap"><div class="wrapper"><div id="overlay-content"></div></div></div></div><script src="//web.archive.org/web/20230921215241js_/https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-"></script><script src="/web/20230921215241js_/https://experiments.withgoogle.com/static/js/vendors.js" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-"></script><script src="/web/20230921215241js_/https://experiments.withgoogle.com/static/js/script.min.js" nonce="JieVAckyfVerr_uxiRiz6ZIq03UX1gm-"></script><script src="http://web.archive.org/web/20230921215241js_/https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.js" data-glue-cookie-notification-bar-category="2B"></script></body></html>