Streetview Stereographic

03.01.12 Max Novakovic

I came across an online demo called Streetview Stereographic and was inspired to create a short animation that 'drives' from Farringdon station past our office and to Smithfield Market. Streetview Stereographic uses WebGL and Stereographic projection on Google Street View images to create a novel effect that looks like what you are viewing is a mini planet.

As the project uses WebGL you will need a relatively new browser such as Chrome 15+ or Firefox 4+. Some interesting results:

I've seen some videos before that use Stereographic projection and thought it was a cool effect. Unfortunately, I can't remember where I saw any of them. I see lots of potential with this; the demo is open source so it could be adapted so that you can specify a route and automatically be walked you through the route in the same style as the video.

The video was made quite crudely by taking a screenshot of each frame and then stitching them together with FFmpeg.

Stonehenge Stereographic

artraffi
2012-01-09   21:23

nice pics!! i just made a video of it in berlin--> http://www.youtube.com/watch?v=oGXYEqVFclg


orgicus
2012-01-16   20:26

That's pretty sweet ! Although not the same, reminds me of Keith Peters' Polar Distortion experiments ( http://www.bit-101.com/blog/?s=polar )...Simpsons did if first :P






Visualising what people on Twitter like

08.09.11 Max Novakovic

The Twitter streaming API allows access to tweets on Twitter as they are created. I decided to experiment by writing a data-mining script that collects geo-located tweets from the streaming API that contain people saying that they 'like' something. For this post I have created two visualisations that aim to make sense of the data collected so far and display it in an easily digestible way.

The script has been running for about 5 days in total and has collected 1873 tweets; It has parsed a lot more tweets than that but a tweet is only added when it meets a certain criteria; which is that it is geo-located from the UK and contains a phrase such as 'I like', 'I love', 'I am fond of', etc...

From the data the second most 'liked' thing is Twitter itself which is un-surprising; 'My Life' is 4th and 'My vagina' is 32nd. The most liked things on Twitter are 'That song' and 'This song' which provides a very un-informative insight into the people on Twitter.

The top two images on the right are visualisations of the data. The first image is a 'Tree Map' which was quite simple to put together thanks to Google Chart Tools. The larger the square, the more likes and vice versa. Click here to view the visualisation in full. The data isn't perfect, for example, 'The' is one of the most popular things but I think overall it works quite well at extracting 'likes'.

The second visualisation is a Processing sketch that plots a users location along with what they have said they like. View a larger image of the sketch here. It doesn't really provide any insights geographically but it's a starting point for something that could have a lot more potential for spotting geographical and cultural trends. Download the code and data for the Processing sketch on the Disturb wiki here.

For now, I will leave the spider running for another month or so and then post again with some updated visualisations and hopefully some more interesting data from Twitter.

Tree map of Twitter like data Processing sketch of twitter likes plotted on to a map Pointless filler image




Visualisation of olympics game entries

01.08.11 Max Novakovic

This visualisation shows entries to a nationwide competition which took place over about 5 weeks. The competition consisted of 1,000 stores handing out scratch-cards to customers offering them a chance to play a web based game to win a pair of tickets to the olympics. Please ensure you watch the video in HD (720p)!

The game was widely cross-platform and allowed the game to be played on mobile devices, tablets and desktop computers. In the visualisation circles represent an entry. The diameter of the circle is based on the score the user achieved (a bigger circle is a better score) and the location of the circle represents where the player was located in the country.

The visualisation was created using Processing.

Some numbers:

  • There were 25,372 entries
  • Spread out over 38 days
  • Which is 676 entries a day
  • Or about 1 entry every 2 minutes
  • Time in the video is sped up 36,480 times




OFFF 2011 Barcelona - Aaron Koblin

16.06.11 Max Novakovic

'Aaron Koblin: Let's feed the future workshop' was probably the talk I was most looking forward to at OFFF. It focussed on a workshop available for a select few where the attendees would 'work together for one day and present their creations'. I will be covering the results of this workshop in another post, but I think Koblin's introduction to his work and himself warranted a separate blog post.

Aaron Koblin is 'an artist specializing in data and digital technologies'; he is also Creative Director of the Data Arts Team at Google. At OFFF before the workshop attendees presented their work, Koblin gave a brief overview of some of his works. Some projects he mentioned were:

The Johnny Cash project is an interactive music video in which each frame is drawn by a different person. A user will get a frame of the music video and they can then use the drawing tool on the website to re-create the frame in whatever style they choose; limited to a black and white palette. The video at the top right of this post is a version of the music video. Since the video is ever changing, it will probably now be different so go to the website and see it for yourself. Another interesting feature of the project is that frames can be categorised and rated so you can view the video differently based on frame rating, abstract frames, realistic frames, etc.

The video for Radiohead's House of Cards (credits) which used lasers to capture surroundings and shapes to produce a music video that didn't have any video in. You can download the source (written in Processing) and watch a making of video at the Google code page. Koblin also explained how because the video was open source, many spin-off versions of the video had been made and uploaded to youtube including a 3D print of Thom Yorke's face, see image to the right.

eCloud is a sculpture/permanent installation housed inside San Jose International Airport. It features hundreds of panes of 'Smart glass' which are turned on and off to simulate weather patterns around the world. There is a display which details what is being displayed on the panels. There is a lot of information about this at http://www.ecloudproject.com/. The photo to the right (by Spencer Lowell) shows the eCloud installed in the airport there is also a video of it in action here. This project was built in Java and was built using Processing as a base.

Others were ROME which is a completely browser-based music video which makes use of webGL to create realtime 3D graphics, videos and interaction to create an immersive experience. As Aaron said, you really need to see it yourself to experience it so visit the site: http://www.ro.me/.
The Wilderness Downtown another browser-based music video that uses google maps to personalise the music video, features a drawing tool to send messages to your past self and makes use of browser windows to frame different parts of the video.
Finally, Ten Thousand Cents which was a project that used Amazon's Mechanical Turk to ask thousands of people to draw a fraction of a one-hundred dollar bill. The result can be seen in the animated gif to the right.

To see more work of Aaron's, visit his portofolio at http://www.aaronkoblin.com/, it's all really impressive work. I like to see that Processing is used in many of his projects. Also, I think that my favourite projects of his are those in association with Chris Milk and Mr. Doob - ROME, The wilderness downton and The Johnny Cash project.

3D print of Thom Yorke's face based on the House of Cards music video Photo of eCloud at San Jose International Airport by Spencer Lowell ROME sharing tool at OFFF Ten Thousand Cents animation




Human mini case-study

14.02.11 Max Novakovic

One of our most recent projects is the production of the portfolio site for Human; a sound design and soundtrack company with offices in London, Los Angeles, New York and Paris. The site features a simple design based around an 'accordion' with the main content being videos of Human's work. It performs well across many browsers and platforms including iOS and Android.

View the site at humanworldwide.com.

I would say that the website is a good example of a simple site that uses new technologies whilst remaining as backwards compatible as possible.

The images on the right are; the about us page, the commercials video page and the contact page.

Some technical details about the site: It uses Symphony to power the content management system, videos are hosted and provided by Simian and the video player uses Flash if it is installed and if not, it falls back to HTML5 video where available.

Thanks to our friends at Social for their involvement with the design.

Human Worldwide homepage Human Worldwide commercials page Human Worldwide contact page