experiments mr doob

Finished playing?

Games you might like, the descent of the serpent, geo artwork, puzzle party.

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

Google Space By Mr Doob | Gravity Space

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 by disembodied design elements from Google’s iconic past. Logos, buttons, search bars – they’re all there, drifting weightlessly through the void. Reach out with your mouse to nudge these artifacts into motion, sending them spinning gracefully across the starry expanse.

Each floating interface represents a key era from Google’s aesthetic journey. Marvel at the retro charm of the 1998 homepage or tap the minimalist magnificence of Material Design. Appreciate firsthand how Google’s look has progressed over the decades, transforming to meet emerging trends and technologies.

But Google Space offers more than just education on design history. This zero-gravity playground allows true interactivity. Guide floating elements into orbital paths around each other as you create your own celestial interface constellations. Or funnel search bars into flashy physics trick shots to rack up points. The possibilities are limited only by your imagination.

With its compelling blend of design nostalgia, interactive physics, and immersive worldbuilding, Google Space lets you rediscover an iconic brand while unlocking your inner space adventurer. So board this rocket ride through the cosmos today – a whole universe of web design history awaits!

Leave a Comment Cancel reply

Save my name, email, and website in this browser for the next time I comment.

Try Fluid Simulation app!

• 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

Unleash the Fun: A Guide to Google Gravity

Have you ever wondered what would happen if the laws of physics took over the Google search engine? Look no further than Google Gravity, a playful and interactive Easter egg that transforms the familiar search interface into a cosmic playground.

This article delves into the world of Google Gravity, exploring its origins, functionality, and the reasons behind its enduring popularity.

A Playful Twist on Search: The Origins of Google Gravity

In 2009, a web developer named Mr. Doob (also known as Dov Gordon) created Google Gravity as a fun experiment. Utilizing the power of JavaScript and CSS, he transformed the static elements of the Google homepage into interactive objects, simulating the effects of gravity.

While not an official Google product, Google Gravity quickly gained traction, becoming a beloved Easter egg enjoyed by millions worldwide. Unfortunately, changes to Google’s search API in 2014 affected the original version’s functionality. However, dedicated fans, like the team at elgooG, have created alternative versions that keep the spirit of Google Gravity alive.

How to Experience Google Gravity: A User’s Guide

There are two main ways to access Google Gravity:

• Search it directly: Simply type “Google Gravity” into the search bar on the Google homepage. The familiar search elements will detach and cascade down the screen, inviting you to play.
• Visit an alternative version: Websites like elgooG (https://elgoog.im/gravity/) offer their own versions of Google Gravity, ensuring continued enjoyment even with changes to the original.

Once you’ve accessed Google Gravity, the fun begins! Use your mouse to drag and drop the search bar, buttons, and even the Google logo. Watch as they move and bounce around, mimicking the effects of gravity in a virtual space.

Beyond Entertainment: The Allure of Google Gravity

Google Gravity’s appeal goes beyond mere entertainment. Here are some reasons why it continues to captivate users:

• A Touch of Nostalgia: For many, Google Gravity evokes a sense of nostalgia for the early days of the internet, when web experiences were more playful and interactive.
• A Celebration of Creativity: Google Gravity is a testament to the creativity and ingenuity of web developers like Mr. Doob, who push the boundaries of what’s possible online.
• A Stress Reliever:   In today’s fast-paced world, Google Gravity offers a simple yet effective way to unwind and de-stress. The act of manipulating the elements in a playful manner can be surprisingly calming and therapeutic.
• An Introduction to Physics: While not a substitute for formal education, Google Gravity can spark an interest in physics, particularly the concept of gravity, for younger users.

Exploring the Depths: Advanced Features of Google Gravity

While seemingly simple, Google Gravity offers some hidden depths for those who want to explore further. Here are some interesting features to discover:

• Clicking on the Search Bar: Clicking on the search bar while it’s detached triggers a real Google search! Experiment with different keywords and see how the search results “fall” into place.
• The “I’m Feeling Lucky” Button: Clicking on the “I’m Feeling Lucky” button while detached sends it on a random trajectory across the screen, adding a layer of unpredictability to the experience.
• Customization: Some alternative versions of Google Gravity allow you to change the background image or even the size of the elements, creating a personalized experience.

A Legacy of Playfulness: The Lasting Impact of Google Gravity

Although not an official Google product, Google Gravity has left a lasting impression on the internet. It serves as a reminder that even the most familiar online experiences can be transformed into something playful and engaging.

So next time you’re looking for a quick break or a way to explore the creative potential of the web, give Google Gravity a try. You might just be surprised by how much fun you can have with the laws of physics (and search engines) turned upside down.

About The Author

See author's posts

Leave a Comment Cancel Reply

Your email address will not be published. Required fields are marked *

Save my name, email, and website in this browser for the next time I comment.

At Search Engine Ship you are going to get to know about all of the trending topics related to social media and digital marketing. The site hosts featured categories like – search engine, guides, tips on using various social media applications and more.

QUICK LINKS

• Social Media

NEWSLETTER SUBSCRIPTION

Copyright © 2024 | powered by search engine ship.

Experiments / Trail / 01

A first play around with Mr.doob's three.js .

June 2010 | By Mr.doob

Collection: