CINXE.COM

<!DOCTYPE html><html><head><title>Chrome 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="/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="Chrome 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="https://lh3.googleusercontent.com/GwPaJ8kky1S9hLbumUUXYB4_LeC6xeNHLrXGDgdvqW1r-6SXTOIJ-JI28u44L5fUZ22tJMG5xW6YJsx1WsYyxE0c7hXQug"><meta property="og:title" content="Chrome Experiments - Experiments with Google"><meta property="og:type" content="website"><meta property="og:url" content="https://experiments.withgoogle.com/collection/chrome"><meta property="og:image" content="https://lh3.googleusercontent.com/GwPaJ8kky1S9hLbumUUXYB4_LeC6xeNHLrXGDgdvqW1r-6SXTOIJ-JI28u44L5fUZ22tJMG5xW6YJsx1WsYyxE0c7hXQug"><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="Chrome 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="https://lh3.googleusercontent.com/GwPaJ8kky1S9hLbumUUXYB4_LeC6xeNHLrXGDgdvqW1r-6SXTOIJ-JI28u44L5fUZ22tJMG5xW6YJsx1WsYyxE0c7hXQug"><link href="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.css" rel="stylesheet"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700|Source+Code+Pro:300,400,500,600,700" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF"><link rel="stylesheet" href="//fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&Google+Sans+Mono" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF"><link rel="stylesheet" href="/static/css/vendors.css" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF"><link rel="stylesheet" href="/static/css/style.css" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF"><script nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">!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="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="chrome"><header> <div class="wrapper"><div id="logo-holder"><a href="/"><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="/collections" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">Collections</a><div class="triangle-down">&blacktriangledown;</div></li><ul id="home-menu"> <li class="home-menuitem" data-coll-name="tfliteformicrocontrollers"><a href="/collection/tfliteformicrocontrollers" title="TensorFlow Lite for Microcontrollers" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">TensorFlow Lite for Microcontrollers</a></li> <li class="home-menuitem" data-coll-name="startwithone"><a href="/collection/startwithone" title="Start With One" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">Start With One</a></li> <li class="home-menuitem" data-coll-name="creatability"><a href="/collection/creatability" title="Creatability" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">Creatability</a></li> <li class="home-menuitem" data-coll-name="digitalwellbeing"><a href="/collection/digitalwellbeing" title="Digital Wellbeing Experiments" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">Digital Wellbeing Experiments</a></li> <li class="home-menuitem" data-coll-name="webxr"><a href="/collection/webxr" title="WebXR Experiments" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">WebXR Experiments</a></li> <li class="home-menuitem" data-coll-name="arts-culture"><a href="/collection/arts-culture" title="Arts & Culture Experiments" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">Arts & Culture Experiments</a></li> <li class="home-menuitem" data-coll-name="ar"><a href="/collection/ar" title="AR Experiments" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">AR Experiments</a></li> <li class="home-menuitem" data-coll-name="ai"><a href="/collection/ai" title="AI Experiments" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">AI Experiments</a></li> <li class="home-menuitem" data-coll-name="android"><a href="/collection/android" title="Android Experiments" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">Android Experiments</a></li> <li class="home-menuitem active" data-coll-name="chrome"><a href="/collection/chrome" title="Chrome Experiments" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">Chrome Experiments</a></li> <li class="home-menuitem" data-coll-name="All Collections"><a href="/collections" title="View all <built-in method count of list object at 0x3e1fd5b8a1c0> collections" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">VIEW ALL 17 COLLECTIONS</a></li></ul></ul><a class="menuitem" href="/experiments" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">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="https://labs.google/submit-experiment" target="_blank" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">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="">Chrome Experiments</h1><div class="contentblock-container"><div class="contentblock" data-id="5711012711890944" data-hash="" data-theme=""> <div class="content-divider"><div class="content-left width75"> <div style="margin-top:10px" class="displaytext"><p>Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.</p></div></div> </div> </div> <div class="contentblock" data-id="5755294562910208" data-hash="chromemusic" data-theme=""> <div class="content-divider"> <div class="content-left inline width75"><h2 class="block-title ">Chrome + Music</h2> </div><div class="expt-holder"> <div class="expt-box fixed featured"><div class="box-name-wrap linked" data-url="/song-maker"><h3 class="box-name">Chrome Music Lab: Song Maker </h3><div class="box-subname">by Google Creative Lab + Use All Five </div><div class="box-subname desc dark"> A simple way to make and share a song. </div></div><div class="box-bg-wrap linked" data-url="/song-maker"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="https://musiclab.chromeexperiments.com/Song-Maker" target="_blank" aria-label="Launch Chrome Music Lab: Song Maker Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/song-maker" aria-label="Learn more about Chrome Music Lab: Song Maker Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/gIcuk361MAvfqHXKs4EQy8ekJfNDplLYkahXizKxvQRWcV5vT-vhjptDzslGNIFBDuepYpST65zmWM_jN7NzLFnDJWJ8rbI)" aria-label="" data-img-alt=""></div></div></div> <div class="expt-box fixed featured"><div class="box-name-wrap linked" data-url="/scan-sequencer"><h3 class="box-name">Scan Sequencer Javascript</h3><div class="box-subname">by JeongHo Park </div><div class="box-subname desc dark"> Using a webcam, make real-time music with your movements </div></div><div class="box-bg-wrap linked" data-url="/scan-sequencer"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="https://jeonghopark.github.io/scanseqjs/" target="_blank" aria-label="Launch Scan Sequencer Javascript Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/scan-sequencer" aria-label="Learn more about Scan Sequencer Javascript Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/z8MsStUnz9cymaYizD8tgD_rPFFvLa3F-TzDFv6Bf4rr2Sjotlnqzh0yAIF4UKLbl7l4ycihKfBpSUtibojL4J0h2HJdUGQ)" aria-label="" data-img-alt=""></div></div></div> </div></div> </div> <div class="contentblock" data-id="5638499134865408" data-hash="webglglobe" data-theme=""> <div class="content-divider"><div class="content-left"> <h2 class="block-title">WebGL Globe</h2> <div style="margin-top:10px" class="displaytext"><p>The WebGL Globe is an open platform for geographic data visualization featuring latitude/longitude data spikes, color gradients based on data value and mouse wheel zoom functionality. </p><p><br></p><p>Get the code, add your own data, and <a href="https://experiments.withgoogle.com/submit" target="_blank">submit your projects</a> to see them featured on the WebGL Globe collection.</p><p><br></p></div> <div class="action-button-holder" style="margin-top:30px"> <a class="button hollow" href="https://experiments.withgoogle.com/chrome/globe" target="_blank" onclick="ga("send","event","Contentblock Button","Click","WEBGL GLOBE COLLECTION")" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF">WEBGL GLOBE COLLECTION</a> </div></div><div class="content-right"> <img src="https://lh3.googleusercontent.com/llYB83yfsl32lBsO2U796g2o6RbO5guvFZ4DaN12HklpvadsftSaMJ7PYsfMEGFqFydYmZovIP_G0wjmtnVeU14mqveavA" class="contentblock-img" alt=""> </div></div> </div> <div class="contentblock" data-id="5136399841886208" data-hash="chromewebgl" data-theme=""> <div class="content-divider"> <div class="content-left inline width75"><h2 class="block-title ">Chrome + WebGL</h2> </div><div class="expt-holder"> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/tendrils"><h3 class="box-name">Tendrils</h3><div class="box-subname">by Eoghan O'Keeffe </div><div class="box-subname desc dark"> Interactive music visualizations using your webcam </div></div><div class="box-bg-wrap linked" data-url="/tendrils"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="https://keeffeoghan.github.io/work/tendrils/" target="_blank" aria-label="Launch Tendrils Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/tendrils" aria-label="Learn more about Tendrils Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/Fp59OWd6npguiyJm3p-9f7M1jWEKWsGZlRS84SUdODByLhwWA2YaVTEq9U3n52aCN7QFqvBrgSs4qXD3b7n1zlQqdSHY7E0)" aria-label="" data-img-alt=""></div></div></div> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/biomes"><h3 class="box-name">Biomes</h3><div class="box-subname">by Marpi </div><div class="box-subname desc dark"> Noise based generative biomes, click Randomize to create new or customize them yourself </div></div><div class="box-bg-wrap linked" data-url="/biomes"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="https://demo.marpi.pl/biomes/" target="_blank" aria-label="Launch Biomes Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/biomes" aria-label="Learn more about Biomes Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/isOlLeYM0M95SJ7xKXFty8XQ18RDnhj3eeAYmr3U-FeDyLE-tFmu_o8kfSa_ylmAbkeRiHFNlVSrHdUjGnEEtrr-HXOM)" aria-label="" data-img-alt=""></div></div></div> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/webgl-particle-audio-visualizer"><h3 class="box-name">Webgl Particle Audio Visualizer</h3><div class="box-subname">by Sehyun Av Kim </div><div class="box-subname desc dark"> A particle system that reacts to audio input </div></div><div class="box-bg-wrap linked" data-url="/webgl-particle-audio-visualizer"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="https://avseoul.net/particleEqualizer" target="_blank" aria-label="Launch Webgl Particle Audio Visualizer Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/webgl-particle-audio-visualizer" aria-label="Learn more about Webgl Particle Audio Visualizer Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/wf-6biJ1AltYQCbH9NT0jUc4yyyxpgu5mf_W5DmxSfCckXOt46yZbY45cQD10NOEejqiM3VrKuh3nL3DPluMHLOeA02SWg)" aria-label="" data-img-alt=""></div></div></div> </div></div> </div> <div class="contentblock" data-id="5760293099536384" data-hash="allchromeexperiments" data-theme=""> <div class="content-divider" id="all-experiments-holder"> <div class="content-left inline width75"><h2 class="block-title">All Chrome Experiments</h2> </div><div class="expt-holder" id="experiments-view-holder"> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/tabmaker"><h3 class="box-name">Tab Maker</h3><div class="box-subname">by Google Creative Lab </div><div class="box-subname desc dark"> Tab Maker is a tool that helps anyone create custom extensions for Chrome’s ‘new tab’ page. </div></div><div class="box-bg-wrap linked" data-url="/tabmaker"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button hollow fixed small caps" href="/tabmaker" aria-label="Learn more about Tab Maker Experiment">Overview</a></div></div><div class="box-bg gif-image" style="background-image:url(https://storage.googleapis.com/gweb-experiments.appspot.com/1226-21008_TabMaker_CoverPageSquare_900x900.gif)" aria-label="" data-img-alt="data:image/png;base64,"></div></div></div> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/shared-piano"><h3 class="box-name">Shared Piano</h3><div class="box-subname">by Google Creative Lab </div><div class="box-subname desc dark"> Play music together live on the web. </div></div><div class="box-bg-wrap linked" data-url="/shared-piano"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="https://musiclab.chromeexperiments.com/Shared-Piano/" target="_blank" aria-label="Launch Shared Piano Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/shared-piano" aria-label="Learn more about Shared Piano Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/bsYPrCT9pvjL1LbGTDtucYuxJK6Cvmj5AanXPEuR2bibK3IzoFy6lHXC8LTMrYxmFN-IrUPEONrejzQU8Byxs_E3clMUjcM)" aria-label="" data-img-alt=""></div></div></div> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/freddiemeter"><h3 class="box-name">FreddieMeter</h3><div class="box-subname">by Google Research, Google Creative Lab, YouTube Music </div><div class="box-subname desc dark"> An AI-powered singing challenge that rates how closely your singing matches the voice of Freddie Mercury </div></div><div class="box-bg-wrap linked" data-url="/freddiemeter"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="http://freddiemeter.withyoutube.com" target="_blank" aria-label="Launch FreddieMeter Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/freddiemeter" aria-label="Learn more about FreddieMeter Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/WL1YcHIhA8EUpbqyYCDa8ybx6YYJodQRdYWf6Pu51EaPWTtmTO31FHCkgSh3_fose2zKc-13aR0P1gVql40bCWJQLSiNYw)" aria-label="" data-img-alt=""></div></div></div> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/hvbrd"><h3 class="box-name">HVBRD</h3><div class="box-subname">by Charlie Gerard </div><div class="box-subname desc dark"> Avoid obstacles on an interactive hoverboard built using your phone and a skateboard </div></div><div class="box-bg-wrap linked" data-url="/hvbrd"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="http://bit.ly/hvbrd" target="_blank" aria-label="Launch HVBRD Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/hvbrd" aria-label="Learn more about HVBRD Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/7TmiTZlegdJML2GVafArLY1fHzumghQnwRjo7p3KHk3Bb3gVr49npgyKAFMbPVQcpgS8M0cgks41scRfCXWAnrEVnXSVyQ)" aria-label="" data-img-alt=""></div></div></div> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/a-century-of-surface-temperature-anomali"><h3 class="box-name">A Century of Surface Temperature Anomalies</h3><div class="box-subname">by Aodhan Sweeney </div><div class="box-subname desc dark"> A webgl globe to visualize how temperatures on Earth have changed over the past century. </div></div><div class="box-bg-wrap linked" data-url="/a-century-of-surface-temperature-anomali"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="http://students.washington.edu/aodhan/webgl_globe.html" target="_blank" aria-label="Launch A Century of Surface Temperature Anomalies Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/a-century-of-surface-temperature-anomali" aria-label="Learn more about A Century of Surface Temperature Anomalies Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/dhndHxQX6vzNjndZPCOxt4dQw2u6MSsrrxISDVjEDw9Y4DOHtxJZR7QdgR3P_thP4Nmv8VVMgNbl3cEh7j1zjquGQitX)" aria-label="" data-img-alt=""></div></div></div> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/flappy-windows"><h3 class="box-name">Flappy Windows</h3><div class="box-subname">by Charlie Gerard </div><div class="box-subname desc dark"> Play flappy Bird with browser windows </div></div><div class="box-bg-wrap linked" data-url="/flappy-windows"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button hollow fixed small caps" href="/flappy-windows" aria-label="Learn more about Flappy Windows Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/hFbeeCkjV-5WWebkHGO9C8UF1Yv7CLSM-RopLxTB1P-vy_ZuIFr09Ra6cSP0MhNL1n-Y7yulJCZFHvoIz6QVeEsUXG_kXg)" aria-label="" data-img-alt=""></div></div></div> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/how-new-york-are-you"><h3 class="box-name">How New York Are You?</h3><div class="box-subname">by Jenna Xu </div><div class="box-subname desc dark"> A voice-controlled browser game where two players compete to be crowned the realest New Yorker. </div></div><div class="box-bg-wrap linked" data-url="/how-new-york-are-you"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="https://xujenna.com/NYQuotient/" target="_blank" aria-label="Launch How New York Are You? Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/how-new-york-are-you" aria-label="Learn more about How New York Are You? Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/ECAdRNy5DF4GbDMW6kkr0Ltde9EdSwVptr9tG7i90KqPGnCR6rKOJwvcQJqQLCvO0-AB2wk1dDWrXecRg0W8DmEN7Z520ms)" aria-label="" data-img-alt=""></div></div></div> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/sandspiel"><h3 class="box-name">SandSpiel</h3><div class="box-subname">by max bittker </div><div class="box-subname desc dark"> A creative cellular automata browser game </div></div><div class="box-bg-wrap linked" data-url="/sandspiel"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="https://sandspiel.club" target="_blank" aria-label="Launch SandSpiel Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/sandspiel" aria-label="Learn more about SandSpiel Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/sjRfiHDzNND2ulbCVAgfheMF0rY5ZubuS6kQJFcprLuvufyWCx-ceLG_7r7pTcHSO1NGe2zrgf_jOxquzOfd3ufehGXBlQ)" aria-label="" data-img-alt=""></div></div></div> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/ufo-sightings-around-the-world"><h3 class="box-name">UFO Sightings Around the World</h3><div class="box-subname">by Man, Grunwald, Xenopaoulos, Villafane </div><div class="box-subname desc dark"> A project analyzing the National UFO Reporting Center (NUFORC) data using the WebGL globe </div></div><div class="box-bg-wrap linked" data-url="/ufo-sightings-around-the-world"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="http://www.mayaman.cc/ufo/" target="_blank" aria-label="Launch UFO Sightings Around the World Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/ufo-sightings-around-the-world" aria-label="Learn more about UFO Sightings Around the World Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/kmLbUR2nSCwLaqi5fYNolM7UltnlGp3y9pH0czOdFGW6Aqg1iF-ZIwbgTqv7zB1Rpm98cedb_rNTH6sCGEdN5CCN_FhJCSs)" aria-label="" data-img-alt=""></div></div></div> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/surface-floater"><h3 class="box-name">Surface Floater</h3><div class="box-subname">by Lusion </div><div class="box-subname desc dark"> WebGL artwork creating a physics system that surrounds a 3D model </div></div><div class="box-bg-wrap linked" data-url="/surface-floater"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="https://surface-floater.lusion.co/" target="_blank" aria-label="Launch Surface Floater Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/surface-floater" aria-label="Learn more about Surface Floater Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/13VO8l_Mr1O3MiR1WpSaivDRGO1VjqKMPrN2snuRDBV_hYwICjD9msyydAt1Vje-VU0yt-uhRuDDyHsLqMOl2tVaX3sDpQ)" aria-label="" data-img-alt=""></div></div></div> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/plexus-shaders"><h3 class="box-name">Plexus Shaders</h3><div class="box-subname">by Marco Gomez </div><div class="box-subname desc dark"> A WebGL Music Visualizer </div></div><div class="box-bg-wrap linked" data-url="/plexus-shaders"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="http://mgz.me/plexus-shaders/" target="_blank" aria-label="Launch Plexus Shaders Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/plexus-shaders" aria-label="Learn more about Plexus Shaders Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/BfdMKmQsVtRAK_F_WfyXVniZAj8lEc-lxmpT_39JX3mmf-lbV9UGGOnvG6yoHYV-Nbc1BnNexwryGDINUt8B7grCe4Z30g)" aria-label="" data-img-alt=""></div></div></div> <div class="expt-box fixed"><div class="box-name-wrap linked" data-url="/morse-learn"><h3 class="box-name">Morse Typing Trainer for Gboard</h3><div class="box-subname">by Tania Finlayson, Use all Five and Google Creative Lab </div><div class="box-subname desc dark"> A fun little web app to help you learn Morse code on Gboard. </div></div><div class="box-bg-wrap linked" data-url="/morse-learn"><div class="box-bg action-overlay"><div class="action-button-holder"> <a class="button fixed small caps" href="http://morse.withgoogle.com/learn" target="_blank" aria-label="Launch Morse Typing Trainer for Gboard Experiment">Launch Experiment</a><br> <a class="button hollow fixed small caps" href="/morse-learn" aria-label="Learn more about Morse Typing Trainer for Gboard Experiment">Overview</a></div></div><div class="box-bg" style="background-image:url(https://lh3.googleusercontent.com/ucRfZ7RxZ2YgiEN_aJ4yPJ20MUWgED87EMiT4ArEJ00cJTMtYmpnFunqJxBVAhKFWsznNpWprMsyQjzGu8q4Nf-26mbhLA)" aria-label="" data-img-alt=""></div></div></div> </div><div id="scroll-data-holder"><div id="has-experiments" class="" data-cursor="Ck8KGgoNZGF0ZV9hcHByb3ZlZBIJCIDArL3n9NoCEi1qEnB-Z3dlYi1leHBlcmltZW50c3IXCxIKRXhwZXJpbWVudBiAgICArb6QCgwYACAB" data-last-page="False">Loaded all experiments</div></div></div></div> </div></div></div><footer><div class="wrapper"><div class="google-logo"></div><div id="social-holder"><a href="https://www.google.com/policies/" target="_blank" class="social-icon">Privacy & Terms</a><div id="social-icons"><a class="social-icon" href="https://www.facebook.com/ExpWithGoogle/" target="_blank" aria-label="Link to our Facebook page"><img src="/static/img/social-fb.png" alt="facebook 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="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF"></script><script src="/static/js/vendors.js" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF"></script><script src="/static/js/script.min.js" nonce="t0SfcAoD5uJ3mVUagXijBYpicVhzvTvF"></script><script src="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.js" data-glue-cookie-notification-bar-category="2B"></script></body></html>