The Creative Internet 106 Things

Preview:

DESCRIPTION

Incredible presentation of the best examples of Creativity in Internet - Creativity 2.0

Citation preview

Creative Lab @ Google

the world is full of interesting things...

please give this a few moments to load. every page has videos or pics...

AUDIO

(except these ones)

arcade fireEveryone's favourite HTML5 based music video/browser experience of 2010Watch (best in Chrome) and about

johnny cash projectsame guys!

Chris Milk collaborated with Aaron Koblin and Mr Doob to allow Johnny Cash fans to draw each frame for Johnny Cash's final video.

The Johnny Cash Project

singing fingersAn ipad app that lets you record sounds to actions and then play them back by tracing the action

hatsune miku live A live concert by an avatar featuring songs written by users using synthesizer software

we're all fans. UGC Social content mosaics of Grammy nominated artists.grammys-were-all-fans

See also:MTV's Music Awards Twitter Tracker

in bflatinbflat.net opens video up as a creative space.

It turns user-generated content into a user-generated composition by embedding videos of people making music (in the key of Bb) on the samewebpage and allowing you to play them. At the same time.

It's a brilliantly simple idea.

sourSour had their fans tightly choreograph an incredible routine using only their webcams. (see also pepsi)

kutimanKutiman crowd-sources musical samples from YouTube and then splices together the videos to create new tracks. See the whole album at thru-you.com

one frame of fameOne frame of fame uses fans to recreate and replace each single shot of their music video.

a youtube symphony

Allows musicians worldwide to audition for an international orchestra.

youtube.com/symphony

MOVIES

life in a dayWhat happens when you ask everyone in the world to take a video of their life on the same day?A project with Kevin McDonald, Ridley Scott and many more.youtube.com/lifeinaday

stop-motionOnline video has reinvigorated animation. Everyone has their favourites, for example: Pes

graffiti animation Blu is a new star of online animation with his epic stop-motion graffiti narratives

tilt-shift animationKeith Loutit from Sydney is the godfather of tilt-shift animation. He also appears to have invented it.

micro animationAardman create a micro-animation for Nokia (watch the 'making of' for the magic)

splicingPogo from Perth uses old cartoons - or footage of his mum in the garden - to make beautiful records

pixels by patrick jean

logorama a french cartoon made entirely out of american logos (trailer only)

animating in lightDeePeeStudios, Melbourne based group made a stop-motion promo using long-exposures.

ugc star wars The classic as you've never seen it before - diced into 15 second long cuts, lovingly recreated, submitted, selected and edited together by the crowd in a thousand unimaginable variations : starwarsuncut.com

futureshortsfutureshorts : providing a distribution platform for short film makers globally. Like Luis

We now generate and organise more data than we can begin to imagine. The next problem is how to see it.

VIZUAL

photo mappingElegant visualizations of cities by flickr geotags (divided into Locals and Tourists) by Eric Fischer.See more

david mccandlessA brilliant visual data-journalist : http://www.informationisbeautiful.net/

Global media scare stories:

bbc: dimensionsTake something simple like relative scale and make it super simple [like Berg did for the BBC]. howbigreally.com

wefeelfine.orgA pioneering & ongoing example of data-scraping and visualization. Or, in the words of Jonathan Harris and Sep Kamvar: "An exploration of human emotion, in six movements"wefeelfine.org

microtyp.orgblaubo.comStas Kulesh

portfolio mappingDesigners create portfolios using maps

real-time transit mash-upsTrains in SwitzerlandBuses in NYCTubes in London

[None of these work as well as they could. Except the Swiss - which is based on (reliable) predictions anyway]

polymapsPolymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers.polymaps.orgstamen.com

wonderwallamazing navigation: wonderwall

ART

dreams in high fidelityAn artwork created over a decade by thousands of computers around the world running Electric Sheep.Scott Draves classic work is constantly renewed by developments in immersive projection.

commencer une autre mortDigitally altered recordings of staged performances are used to create a striking "revised" scene from Bizet's Carmen.

remakesremaking is in, and then mashing up remakes of remakes. man with a movie camera | remake (hitchcock)

greyworldgreyworld are a group of artists that create public art, usually in urban spaces, usually with technology.paint testsmusica

mark napierpotatoland.org

pam standing

john gerrardJohn Gerrard is an Irish artist who creates perfectly recreated digital environments that run in their own space-time - literal alternative realities.johngerrard.net

daniel crooksDaniel Crooks is an Australian artist who digitally manipulates footage to create distortions in timedanielcrooks.com

rafael lozano hemmerVectorial elevation at the Vancouver Olympics. Users could log in around the globe, using maps to create their own personal lighting pattern and then upload and watch as their set went live.bitforms.com || lozano-hemmer.com

time, colour, dataFlickr Flow is an creative experiment whose materials are color and time. flickrflowTime Flow is an analytical tool for visualising temporal data. timeflowFernanda Viégas and Martin Wattenberg are behind both. hint.fm

augmented cityTwo extraordinary visions of future life in a fully augmented reality from Keiichi Matsuda

tate art mapBritish public document the national art treasures for Tate on a map mash-up artmap

street-viewartBill Guffey, an artist from Kentucky who uses Google Street View to source subjects for his paintings

Daily Mail

the art of youtubeA biennale of creative video curated by the Guggenheim : play

PHYSICAL

recoil : projection mapped dance

water-fountain display

interactive dance projection (fun)

yesyesno.com/night-lights

mobile interactive projection

www.projektil.chhttp://vimeo.com/13307183

"Participants were able to use their mobile devices as magic "brushes" to interact with the installation. They could choose between three colors, green, blue and red. Green for growing the plant, blue for feeding the blossoms and red to burn it down."

audio-mapped performanceperformance piece that streams audio tracks to the individual audience member's surround-sound headsets electrichotel.co.ukvimeo.com/11550303

LIGHT

ipad 3D light magicBerg & Dentsu make future magic with an ipad and a long exposure

user-text projectiona collection of interactive public projections and performance created in 2006 by Paul Notzold txtualhealing.commobileactive.org/

outraceSend a 70char message to a light installation in Trafalgar Square. Receive a light-based music video with robot arms writing your message in long exposure motions. http://www.outrace.org

holographic touchscreenobscuradigital.comvimeo.com/14591925

digital video graffitiwall-based video 'painting' in Cannescastroinnovation

TECH

multi-player reality game using oyster cardschromaroma.comvimeo.com/10017464

"Chromaroma is an online multiplayer game played out as you travel the city with your Oyster card. By using Oyster data we are able to show you your Tube travel, and every journey means you amass points, taking a few steps further along the way to owning London."

eye-tracking software that reacts as you read

sony 360 3d display

trans-siberian onlineTravel the length of the trans-siberian railway courtesy of google maps and a webcam with a audio version of dostoyevsky for company: russianrailway

10k.an event apartThe challenge? Build a web app in less than 10 kilobytes that inspires the internet. 10K challenge

cool html5 clocksnlug ipad clockThe toki woki scroll clock

iButterfly. catch augmented insects. win.

"iButterfly" is an iPhone application using AR, motion sensor, and GPS functions to let users see and 'catch' butterflys to win rewards.

mobileart.jp

interactive doodles

mind control Tan Le's demonstration at TED of a headset that allows you to control an interface using brainwaves

goollery.orgA collection of Google-related projects from around the worldgoollery.org

translationWhat happens when language is no longer a barrier?

*joke

trends (via google)Google trends has predicted the eurovision winner to within a point two years running.google.com/trends

trends (via facebook)FB gives you data. If you look hard enough. fanpageanalytics.com.

trends (via twitter)zoofs.com shows youtube videos trending on twitter fflick.com shows movies your friends tweeted

internet of thingssystems of systems and using all the data we produce wisely from IBM

POLITICS

crowdsourcing heroism. Ushahidi.com is a powerful example of

the potential of crowdsourced data.NY Times article.Ushahidi.com

country against country An interactive infographic of the world's top 100 countries on newsweek.comnewsweek.com

distorting maps to tell the truthCartographer Benjamin Hennings collects maps distorted by datasets to look at information in a relative form. viewsoftheworld.net

open-access data journalismThe Guardian newspaper has an open strategy to data journalism, scraping public data, using open platforms like manyeyes and trimectric , sharing raw data via google docs, encouraging developers to mash-up and re-use data sets as well as coordinating mass investigations such as the mps expenses making insights available in impossibly short-times.more

SPORT

nike head2headA stat-to-stat visualiser allowing athletes to compare statistics with local competition, or the best in the world, understand your weaknesses and get advanced tutorials to improve your personal best.head2head (R/GA)

IBM analysesUS OpenData was collected from every aspect of the game in real-time and presented back to the viewer as an visual analysis of 'momentum' creating a separate perspective to 'watch' the game from.

US Open Point Stream

twitter-replaysWatch how the game panned out in a high-speed replay of trending twitter tags over the course of a gameWorld Cup 2010 Twitter replay

olympic twitter streamsRepresenting the conversation around the Winter Olympics, NBC used twitter to visualise the most discussed stories. Stamen (again)

BOOKS

evolving typefaceRCA student Jack Gilbey's dynamic typography where the font adapts to contextual changes within the content.rca

stephen fry's book appStephen Fry and Penguin digital make his latest book into an ipad app that is browsable in completely new ways.

don quixote read by you(...2149 of you)

Spanish-speaking bibliophiles are creating the first collaborative audiobook

el Quijote by Miguel de Cervantes is being cut up into 2149 10-line sections.

Readers request a section (randomly assigned) and have 6 hours to record & upload.

www.youtube.com/elquijote.

spotify choose-your-own-endingHurts, promote their new album with a short story called 'Don't Let Go' on Spotify read by Anna Friel.

The reader searches for a given code on the site for each new segment - everything ends with a song.

Start the story

understanding shakespeare understanding-shakespeare.com seeks to visually provide an overview of the entire play by showing its text through a collection of the most frequently used words for each character. vimeo.com/14098022

mongoliad Neal Stephenson is leading/writing a serialised 13c historical epic with community-enhancment, wiki-contribution, a subscriber model and multiple writers and then releasing it all on iOS (i.e. as an app).

mongoliad.com

HISTORY

making oral history digital historypin.co.uk is an initiative that lets people upload videos,

place photos on maps and write their own historical accounts within a Google map

september 11 memorialA site that allows people to overlay video testimonial and footage from 9/11 positioned from their own geographical perspective using streetview makehistory

maps API = time machinethemannahattaproject.org takes you to Manhattan/Mannahatta in 1609

ADVERTISING

all about social Old Spice (W&K) used a character from a popular advert to break the fourth wall and have the character interact in real-time shooting ads and responding directly to hundreds of messages over several days, including a marriage proposal.

smile vendingUnilever worked with Sapient Nitro to create an ice cream vending machine that detected your smile and rewarded you with a free ice-cream (and let's you upload your pic to FB)(see also kraft macaroni cheese - less cool)

continual motionThree similar ideas over the course of two world cups. 2006 Nike's joga bonita campaign asked users to send videos keeping the ball in the air. For 2010 Coke had users celebrating the longest goal celebration. Both are trumped by the Eternal Moonwalk: a Michael Jackson Tribute

tippexTippex integrated their product into a 'viral' video in an interactive way that captured the imagination. The product is used to 'correct' the title and allow the user to suggest what should happen next. Watch

chalkbotLivestrong & Nike promotion with the Tour de France: an automated trailer printing 'chalked' messages from anything texted or tweeted @chalkbot in the tradition of the le tour. livestrong.org/chalkbot

making it personal Personalised online video was notably used by the Obama campaign in 2008.Recent examples: Action Aid fundraiser, Pentagrams's Type campaign, Latitude demo, and for public service campaigns encouraging you to get a TV license and warning about the dangers of online profiles

ask a friendAn IKEA's manager used tagging on Facebook to turn his photos into an online showroom

Creative Lab

anything by UNIQLOUniqlo / dentsu let users become part of the campaign by personalising their advertising around their own social media stream.

utweet lucky switch lucky counter fashion map

more::some wondrous sources:@rubbishcorp@berglondon@mediamuesli@bbhlabs@idsgn@contagiousmag@pleaseenjoy@creativesocial@valdean@hellokinsella@brainpicker

@tomuxtomu.co.uk

embed code: <iframe src="https://docs.google.com/present/embed?id=df7rw7vz_338cz6ngnd6&size=m" frameborder="0" width="555" height="451"></iframe>

and there's a feedback form here...

Recommended