Saturday, August 14, 2010

Street View Animations

Street View Drives

I've been playing around with making animations from consecutive frames of Street View images. Essentially what I've created is a number of flip books from Street View images captured from some of the World's top tourist attractions.

To play one of the animations all you have to do is click on its thumbnail image. Whilst the animation is playing you can change the point of view by clicking on one of the camera buttons. In Firefox and Chrome you can also change the speed of the animation. In Internet Explorer you can't change the speed but you do get a nice fade effect between the images.

_____________

7 comments:

  1. This is great work. You know ... it would be cool if you could select a route on Google maps and view the images this way. Everyscape and one or two other websites with street level imagery have such an option; I can't think it would be too difficult a feature for Google to add, as long as a route is selected.

    ReplyDelete
  2. very cool! Did you have to manually determine the reference for each of the images?

    ReplyDelete
  3. @claudia64

    Check out
    http://gmaps-samples.googlecode.com/svn/trunk/streetview/streetview_directions.html

    It has driving directions with street view animation.

    ReplyDelete
  4. @ronh

    I had a lot of help from Map Channles - he created something like this to grab the pano ID for each street view as you move around:

    http://code.google.com/apis/maps/documentation/javascript/examples/streetview-events.html

    ReplyDelete
  5. I Keir,

    Good work but the sequence of images is a little bit jerky, isn't it? What about creating videos on the fly? :)

    http://www.phpclasses.org/package/3747-PHP-Manipulate-and-convert-videos-with-ffmpeg-program.html

    ReplyDelete
  6. @Olbibigo - Great idea thanks for the link! I had actually thought of this but wasn't aware of any software that could do this. I'll definitely check out that PHP video toolkit.

    ReplyDelete
  7. A animation: http://youtu.be/4vKIuWHdwOE

    ReplyDelete