5 ms·

Amazing JS rainbow effect

53 points by alexkearns 17y ago

akirk 17y ago
Looks pretty nice, but isn't actually that complicated. He just moves a background image ( http://labs.dragoninteractive.com/panel/demo/lib/img/form/map/rmap.jpg http://labs.dragoninteractive.com/panel/demo/lib/img/form/ma... ) around all the time, and only let a small part of it shine through.
- windsurfer 17y ago
  That's really clever.
- DenisM 17y ago
  As anext step one you could use webkit animations to make it js-free.
- zackattack 17y ago
  Anyone else think that this JPG is more like an animated GIF?
bemmu 17y ago
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 http://www.pouet.net/prod.php?which=18327
- deleted 17y ago
  [deleted]
- windsurfer 17y ago
  It's a webpage hosted on a webserver. Can I just view the webpage with firefox please?
  - bemmu 17y ago
    http://fi.bemmu.com/demo/ http://fi.bemmu.com/demo/
    - windsurfer 17y ago
      That's pretty fun!
    - Sephr 17y ago
      That kills my CPU. I'll be sticking with <canvas/>.
      - windsurfer 17y ago
        Parts of that are <canvas/> I believe.
robin_reala 17y ago
That’s inspiring. As bemmu said it’s not difficult, just takes some thought.
TweedHeads 17y ago
Truly amazing, no matter how easy it is. Simple is beauty.
- buro9 17y ago
  Just look at your CPU spike though... not so good for netbooks or phones.
  - _giu 17y ago
    the lab start-page (http://labs.dragoninteractive.com http://labs.dragoninteractive.com) is even more worse. it's funny to have the task-manager open and watch the CPU usage while clicking through the site. poor, poor CPU
Hexstream 17y ago
As I expected, it also takes an Amazing amount of CPU. Also, the caret flickers like mad.
- mitchellh 17y ago
  Agree with the CPU. But I'm on FF 3.0.10 on Win7 RC and there is no carrot flickering.
bravura 17y ago
I see only a login screen.
- Quiark 17y ago
  Click inside one of the inputs (login/pass) and watch the border of the form.
oni0n56 17y ago
Additionally, you can log in with labs @dragoninteractive .com and password demo

53 points by alexkearns 17y ago

akirk 17y ago

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

windsurfer 17y ago
That's really clever.
DenisM 17y ago
As anext step one you could use webkit animations to make it js-free.
zackattack 17y ago
Anyone else think that this JPG is more like an animated GIF?

bemmu 17y ago

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 http://www.pouet.net/prod.php?which=18327

deleted 17y ago
[deleted]
windsurfer 17y ago
It's a webpage hosted on a webserver. Can I just view the webpage with firefox please?
- bemmu 17y ago
  http://fi.bemmu.com/demo/ http://fi.bemmu.com/demo/
  - windsurfer 17y ago
    That's pretty fun!
  - Sephr 17y ago
    That kills my CPU. I'll be sticking with <canvas/>.
    - windsurfer 17y ago
      Parts of that are <canvas/> I believe.

robin_reala 17y ago

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

TweedHeads 17y ago

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

buro9 17y ago
Just look at your CPU spike though... not so good for netbooks or phones.
- _giu 17y ago
  the lab start-page (http://labs.dragoninteractive.com http://labs.dragoninteractive.com) is even more worse. it's funny to have the task-manager open and watch the CPU usage while clicking through the site. poor, poor CPU

Hexstream 17y ago

As I expected, it also takes an Amazing amount of CPU. Also, the caret flickers like mad.

mitchellh 17y ago
Agree with the CPU. But I'm on FF 3.0.10 on Win7 RC and there is no carrot flickering.

bravura 17y ago

I see only a login screen.

Quiark 17y ago
Click inside one of the inputs (login/pass) and watch the border of the form.

oni0n56 17y ago

Additionally, you can log in with labs @dragoninteractive .com and password demo