Google Blogoscoped

Forum

Stripes (Interactive Picture)  (View post)

Ludwik Trammer [PersonRank 10]

Monday, July 14, 2008
9 years ago3,810 views

It may be I just don't understand the instructions, but the page doesn't seem to work. There's nothing dragable on it.

Adam LaMore [PersonRank 0]

9 years ago #

Doesn't work with Firefox 3 – they make any dragged images transparent. Works ok in IE7, though.

Ludwik Trammer [PersonRank 10]

9 years ago #

When I first tested it in Firefox 3 and Opera 9 it didn't work, but now, couple of minutes later, the page works in both of them, so someone fixed it.
BTW – are those annoying white dots part of the illusion or just bugs in the scanimation-stripes.png file?

K [PersonRank 2]

9 years ago #

Doesn't work too well in Gnome/Linux because large images are resized when they are dragged.
Sort of works when the "animation" image is resized by ~33%.

Tony Ruscoe [PersonRank 10]

9 years ago #

Looks like you've got to click the tiny square in the top left of the image.

imma [PersonRank 3]

9 years ago #

i can get it to work on Opera by dragging a few pixels from the top left of the stripes, but on IE7 the striped area is far too small :-/
before i re-loaded (i think something didn't load properly the first time) FF3 liked to drag a greyed out copy of the image when i miss the box too. Though it worked fine after refreshing...
(all on WinXP)

nice image trick, but my browsers aren't playing nicely

Zim [PersonRank 10]

9 years ago #

Didn't worked with FF. But I saw it with IE and woah! It's amazing!
Interesting side-effect: after being concentrated on those vertical lines, I see noisy waves everywhere (it affects vision temporally).
I was wondering if we could do something like this with a full color image...

Jane Doe [PersonRank 1]

9 years ago #

on IE7 the grabbable stripes are tiny.... dragging a tiny box around isnt show me anything.

on FF2, the stripes are big but they dont move when I grab them.

I'm on BadVista.

Tony Ruscoe [PersonRank 10]

9 years ago #

See also this (resize your browser while viewing to activate it):

sitepoint.com/examples/scanlin ...

More about how to achieve it here:
sitepoint.com/article/css-anim ...

Mrrix32 [PersonRank 10]

9 years ago #

I'm on Ubuntu 8.04 using Firefox 3

When I first tried it, it didn't work,but when I refreshed it, it did. I'm also seeing the white dots which where mentioned.

Philipp Lenssen [PersonRank 10]

9 years ago #

Thanks all. It worked on Firefox 3 here when I tested but I remember that sometimes I had to hit refresh. So now I changed the top stripes image to a background picture ... does that work better?

Tony Ruscoe [PersonRank 10]

9 years ago #

> does that work better?

That's much better for me.

Jane Doe [PersonRank 1]

9 years ago #

Works for me now Philipp!
Thanks, it's pretty cool :)

Rohit Srivastwa [PersonRank 10]

9 years ago #

wonderful :)

ME [PersonRank 8]

9 years ago #

HA that's flippin awesome. Works fine for me FF2

K [PersonRank 2]

9 years ago #

Ah, so that's how it's supposed to be.

Thanks, works perfectly fine now :D

Philipp Lenssen [PersonRank 10]

9 years ago #

Here's another one of those books (and another that claims to be the "first" doing this):

+ Show video



At Amazon:
amazon.com/Magic-Moving-Images ...

Another one at Amazon is called "Optical Designs in Motion with Moire Overlays":
amazon.com/Optical-Designs-Ove ...

Ben Allen [PersonRank 10]

9 years ago #

That's pure genius.

reddit.com/info/6rp30/comments ...

This thread is locked as it's old... but you can create a new thread in the forum. 

Forum home

Advertisement

 
Blog  |  Forum     more >> Archive | Feed | Google's blogs | About
Advertisement

 

This site unofficially covers Google™ and more with some rights reserved. Join our forum!