Amazing JS rainbow effect

#1

Post by alexkearns » Sun, May 17, 2009, 10:17 AM UTC

Amazing JS rainbow effect
labs.dragoninteractive.com

Re: Amazing JS rainbow effect

#2

Post by akirk » Sun, May 17, 2009, 11:51 AM UTC

Looks pretty nice, but isn't actually that complicated. He just moves a background image ( http://labs.dragoninteractive.com/panel/demo/lib/img/form/ma... ) around all the time, and only let a small part of it shine through.

Re: Amazing JS rainbow effect

#3

Post by bemmu » Sun, May 17, 2009, 12:49 PM UTC

It's not particularly hard to do these kinds of things with a bit of imagination. This is our demo from 2005, unzip and run index2.html: http://www.pouet.net/prod.php?which=18327

Re: Amazing JS rainbow effect

#4

Post by robin_reala » Sun, May 17, 2009, 12:52 PM UTC

That’s inspiring. As bemmu said it’s not difficult, just takes some thought.

Re: Amazing JS rainbow effect

#5

Post by TweedHeads » Sun, May 17, 2009, 12:52 PM UTC

Truly amazing, no matter how easy it is.

Simple is beauty.

Re: Amazing JS rainbow effect

#6

Post by windsurfer » Sun, May 17, 2009, 1:53 PM UTC

akirk wrote: post #2

Looks pretty nice, but isn't actually that complicated. He just moves a background image ( http://labs.dragoninteractive.com/panel/demo/lib/img/form/ma... ) around all the time, and only let a small part of it shine through.

That's really clever.

Re: Amazing JS rainbow effect

#7

Post by [deleted] » Sun, May 17, 2009, 1:54 PM UTC

bemmu wrote: post #3

It's not particularly hard to do these kinds of things with a bit of imagination. This is our demo from 2005, unzip and run index2.html: http://www.pouet.net/prod.php?which=18327

[deleted]

Re: Amazing JS rainbow effect

#8

Post by windsurfer » Sun, May 17, 2009, 1:54 PM UTC

bemmu wrote: post #3

It's not particularly hard to do these kinds of things with a bit of imagination. This is our demo from 2005, unzip and run index2.html: http://www.pouet.net/prod.php?which=18327

It's a webpage hosted on a webserver. Can I just view the webpage with firefox please?

Re: Amazing JS rainbow effect

#9

Post by DenisM » Sun, May 17, 2009, 2:36 PM UTC

akirk wrote: post #2

Looks pretty nice, but isn't actually that complicated. He just moves a background image ( http://labs.dragoninteractive.com/panel/demo/lib/img/form/ma... ) around all the time, and only let a small part of it shine through.

As anext step one you could use webkit animations to make it js-free.

Re: Amazing JS rainbow effect

#10

Post by buro9 » Sun, May 17, 2009, 3:19 PM UTC

TweedHeads wrote: post #5

Truly amazing, no matter how easy it is. Simple is beauty.

Just look at your CPU spike though... not so good for netbooks or phones.