Interactive Science
Solace ★ ★ ★ ★ ★ ★
Solace isa one of a kind, interactive, animated film. The fabric of the film is a generative, interactive liquid written in code. Using the library paper.js as its base, the team built an engine that produced a cartoon-like physics system that could respond to user interactions and generate character animation in real-time. A visitor to the film uses their cursor to poke, pop and pull this liquid to play with the story. To weave it all together, a real-time audio sound system was also produced to provide the atmospheric soundtrack. The audio responds to the user, and the story, in real-time.
![](https://d3bzyjrsc4233l.cloudfront.net/news/solace_title_img.png)
Star Chrome Experiments ★ ★ ★ ★ ★ ★
100,000 Stars is an interactive visualization of the stellar neighborhood created for the Google Chrome web browser. It shows the real location of over 100,000 nearby stars. Zooming in reveals 87 major named stars and our solar system. The galaxy view is an artist's rendition.
![](https://i.ytimg.com/vi/3shEDG2sS0A/maxresdefault.jpg)
Random but Fun
Online Town ★ ★ ★ ★ ★ ★
Online Town is a video-calling experience that lets multiple people hold separate conversations in parallel and lets you walk in, out and around those conversations just as easily as you would in real life. It is an experience designed to help people gather online. It does this by combining a standard video-calling interface with a low-fidelity 2D game. As you move around the map with your keyboard, the webcam video and microphone audio of the other people in the room fades based on your distance to them. Different maps make it easy to use Online Town for parties, reunions, happy hours, conferences, remote work and many other kinds of gatherings.
![](https://theonline.town/images/site/og-preview.png)
Singing Mouths ★ ★ ★ ★ ★ ★
Singing mouths by Adult Swim created a very clever but equally creepy interactive choir that asks the viewer to virtually “pull open” a pair of animated lips and reveal a bunch of full throated voices. The harder you pull, the longer and louder the voices become.
![](https://d21u3ic0kp9e91.cloudfront.net/meta/choir.jpg)
Aesthetic
Nike React ★ ★ ★ ★ ★ ★
The Nike Reactor allows you to build personalized Nike React footwear and try it on for size via the interactive website. When you land on the Nike React Homepage, you’re greeted with an animated figure running across the screen, sporting Nike React sneakers, shape-shifting between a body made of feathers and bubbles. From there, you can create your own Nike React experience, choosing your pillow shape (as light as flamingos or soap bubbles, or as responsive as basket balls or space hoppers), running style (Sunday special, Serotonin seeker, Zen master etc.), and sneaker color (pink matcha, red lava, fusion black).
![](https://assets.awwwards.com/awards/sites_of_the_day/2018/05/nikereact-interior.jpg)
Wake it up ★ ★ ★ ★ ★ ★
This website shows how challenges can be made in a fun way. The idea behind it is to make the site wake up. You can do that by throwing pillows at it or putting on loud music. You have 60 seconds to do this, so you need to move fast. Even though you don't know precisely if you can wake him up, you should still give it a try!Original ideas like this make for the best interactive websites because you feel compelled to take action.
![](https://assets.awwwards.com/awards/submissions/2017/09/59b03ef24fc45.jpg)
Art
Silk ★ ★ ★ ★ ★ ★
Silk is an interactive art website. Just click on the screen and drag your cursor and a beautiful, symmetrical piece of art is made. Change the different colors, shapes and even drawing patterns to create an elegant painting.
![](https://i.gifer.com/DAMO.gif)