Start with a line, let the planet complete the picture.
Satellite images provide a wealth of visual data from which we can visualize in interesting ways. Land Lines is an experiment that lets you explore Google Earth satellite imagery through gesture. “Draw” to find satellite images that match your every line; “Drag” to create an infinite line of connected rivers, highways and coastlines.
Using a combination of machine learning, optimized algorithms, and graphics card power, the experiment is able to run efficiently on your phone’s web browser without a need for backend servers.
Learn more about how the project was created in this technical case study or browse the open-source code on GitHub .
We used a combination of OpenCV Structured Forests and ImageJ’s Ridge Detection to analyze and identify dominant visual lines in the initial dataset of 50,000+ images. This helped cull down the original dataset to just a few thousand of the most interesting images.
For the draw application, we stored the resulting line data in a vantage point tree . This data structure made it fast and easy to find matches from the dataset in real time right in your phone or desktop web browser.
We used Pixi.js , an open source library built upon the WebGL API, to rapidly draw and redraw 2D WebGL graphics without hindering performance.
All images are hosted on Google Cloud Storage so images are served quickly to users worldwide.
Made by Zach Lieberman , Matt Felsen , and the Data Arts Team. Special thanks to Local Projects .
Download the Press Kit
Finished playing?
Baguette sprint, games you might like, the descent of the serpent, geo artwork, puzzle party.
- Español (Latam)
- Bahasa Indonesia
- Português (Brasil)
1,000 Chrome Experiments and counting...
Posted by Valdean Klump , Data Arts Team
Originally posted to the Google Chrome blog
In 2009 , we launched Chrome Experiments to showcase the work of creative coders who pushed HTML5 and JavaScript to the limits in order to build beautiful, unique web experiences. At first, the site had only 19 experiments, but we hoped they would be a source of inspiration for programmers who made art with open web technologies. Since then, we’ve been humbled by the quantity and quality of new submissions. Today, we’ve reached a major milestone: 1,000 experiments.
To celebrate, we’ve created a special Experiment #1000 that visualizes every other experiment on the site. You can explore all 1,000 in a variety of ways, including a real-time code editor and a timeline with selectable tags. Click on the WebGL tag, for example, and you’ll see how that technology surged in popularity when it was added to Chrome in 2011.
Along with Experiment #1000, we’ve redesigned ChromeExperiments.com using Polymer . It’s mobile-friendly, so no matter what kind of phone or tablet you have, or how you hold it, the site scales smoothly. If you’re on your phone, you can also filter the list to mobile-compatible experiments by selecting the Mobile tag .
Looking back at the old experiments this month has been a joy. Highlights include Mr.doob’s classic Ball Pool (one of the original 19 experiments), the first WebGL experiment by Gregg Tavares (try 4,000 fish – this used to be very slow!), and Dinahmoe’s multiplayer audio toy Plink , which combines the Web Audio API with Node.js . At Google I/O in 2012, we released the first mobile experiments, including AlteredQualia’s Multitouch Toy and Dominic Szablewski’s X-Type . And each year afterward, new web technologies appeared, like getUserMedia and the Web Speech API . It’s been a wonderful journey.
Thank you to everyone who has supported the site, and most of all to the creators who have shared their work. We’re excited see what experiments you come up with next.
- chrome experiment
Google Gravity – I’m Feeling Lucky By Mr Doob
Experience the wonder of weightlessness and interface design with Google Gravity, a mesmerizing simulator that lets you interact with past iterations of Google Search in zero gravity conditions. Step into this virtual world and prepare for liftoff!
Once inside, you’ll find yourself surrounded by floating interface elements from Google’s iconic history. Logos, buttons, tabs – they’re all there, untethered from gravity’s pull. Touch them gently with your mouse and watch in awe as they drift ethereally around the screen. It’s Google Search as you’ve never seen it before.
This is no mere visual spectacle – Google Gravity allows for true interactivity. Click and drag elements to send them soaring in parabolic arcs across the zero-g space. Fling search bars into orbit or boomerang browser buttons off the edges of the screen. The physics are convincing and delightful in their realism.
In playing with these artifacts of Google’s past, you’ll gain captivating insights into the search engine’s user interface evolution. Appreciate first-hand how designs have transformed over the decades, in form and function. Google Gravity grants you a tangible glimpse into web design history.
Equal parts educational time capsule and zero-gravity playground, Google Gravity offers the chance to appreciate Google’s journey while reawakening that magical childhood sensation of weightlessness. Lose yourself in this inspiring oasis of design and physics – where past and future collide in the timeless freedom of space.
Leave a Comment Cancel reply
Save my name, email, and website in this browser for the next time I comment.
Experiments / Trail / 01
A first play around with Mr.doob's three.js .
July 2013 | By Mr.doob
Collection:
Built with:
IMAGES
VIDEO
COMMENTS
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. ... by Aaron Koblin and Mr.doob . Take a drive on The Single Lane Superhighway. Watch the cars drive by, or draw your ...
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. ... November 2010 | By Mr.doob. Launch experiment . Collection: Chrome Experiments. Started as a three.js ...
Collection of digital toys and experiments. Multiuser Sketchpad 2020 / 04 / 15. Three.js Sketches 2016 / 02 / 12. Spin Painter 2015 / 05 / 10. Dataworld 2015 / 03 / 05. Sporel 2013 / 12 / 24. Obsidian 2013 / 07 / 28. Beach Balls 2013 / 03 / 24. Google Space 2012 / 10 / 15. Webcam Displacement 2012 / 08 / 25. Winning Solitaire
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. ... August 2012 | By Mr.doob. Launch experiment .
Play with hundreds of colorful balls in this interactive experiment by Mr.doob. Drag, drop, and bounce them around.
Experience the depth of field effect in Javascript with this interactive experiment by Mr.doob. Drag and drop images or use your webcam to create stunning visuals.
Drag finger to make a pot out of the clay. Use your cursor to create a hole. Drag in empty space to rotate view. Drag in empty space to rotate view. Rub your finger to shape the pot. Use your cursor to give it a shape. Drag from the side of the pot to create a handle. Drag from side of the pot to create a handle. You are replicating.
Land Lines. Start with a line, let the planet complete the picture. This experience requires WebGL. Satellite images provide a wealth of visual data from which we can visualize in interesting ways. is an experiment that lets you explore Google Earth satellite imagery through gesture. "Draw" to find satellite images that match your every ...
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. ... by Mr.doob . Little online (and offline) code editor for messing around. Needed an editor so I could code on ...
You lost all of your baguettes. You better go back to the boulangerie.. Try Again. The winner of the annual Grand Prix de la Baguette will supply the Elysées Palace everyday with fresh baguettes for a year. Score Board.
Google Gravity is an interactive webpage by Mr.doob that simulates the effect of gravity on Google's search elements.
Blast off on an interactive voyage through web history with Google Space, an enthralling zero-gravity simulator by creative pioneer Mr. Doob. This immersive experience lets you explore pivotal moments in Google Search's visual evolution while floating freely in an otherworldly realm. Once inside Google Space, you'll find yourself surrounded ...
Looking back at the old experiments this month has been a joy. Highlights include Mr.doob's classic Ball Pool (one of the original 19 experiments), the first WebGL experiment by Gregg Tavares (try 4,000 fish - this used to be very slow!), and Dinahmoe's multiplayer audio toy Plink, which combines the Web Audio API with Node.js.
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. ... April 2011 | By Mr.doob. Launch experiment . Collection: Chrome Experiments. This is way simpler than it looks ...
According to Google's official blog, the earliest contributors were artists and programmers like Casey Reas, Ricardo Cabello (Mr.doob), Ryan Alexander, Joshua T. Nimoy, and Karsten Schmidt (Toxi). Since its inception and launch, Chrome Experiments has featured only user-submitted projects on their site, with a few exceptions of projects ...
Google Gravity - I'm Feeling Lucky By Mr Doob. Experience the wonder of weightlessness and interface design with Google Gravity, a mesmerizing simulator that lets you interact with past iterations of Google Search in zero gravity conditions. Step into this virtual world and prepare for liftoff! Once inside, you'll find yourself surrounded ...
Experience the interactive Webcam Displace effect by Mr.doob, showcasing creative use of JavaScript and WebGL.
An experiment using the JavaScript 3D engine three.js by Mr.doob. Experiments / Trail / 01. A first play around with Mr.doob's three.js.
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. ... March 2010 | By Mr.doob. Launch experiment . Collection: Chrome Experiments. Simple drawing tool with a set of ...
Explore the interactive Google Space experiment by Mr.doob, where you can experience gravity-defying physics in a web environment.
#google #googleexplore #googlebabagaming #googleplay #googleearth #googlemaps #googleadsense #googlebaba #googlesearch #googleexperiment #funwithgooglehttps:...
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. ... July 2013 | By Mr.doob. Launch experiment . Collection: Chrome Experiments. A (fast made) javascript/webgl demo ...
The most comprehensive image search on the web. Learn about and participate in The Obama Time Capsule project. Google Image Labeler. -. LIFE photo archive. -. Google Similar Images. Advertising Programs. -.