Comments on: JavaScript Animations: Virtual Raster Scrolling and Rotating Cube Effect

By: Markku Uttula

Markku Uttula — Sun, 23 Apr 2006 19:08:57 +0000

There are some cool Javasript effects on on browser demo releases of the Assembly Party. Most notably the winners of browser demo compo's of years 2005 and 2004, both made by a guy called Shingebis. And I bet these have already been here at some point :)

By: Yusuke

Yusuke — Sun, 23 Apr 2006 04:43:45 +0000

Keith:
Thank you again! I fixed the error which could be a kind of oriental mystical calenders?

By: josson smith

josson smith — Sun, 23 Apr 2006 03:12:56 +0000

Cool, just split things into small blocks and then re-display them in all possible ways. I think it can be extended into other cool effects (like sphere in&out effects) if the speed is admitted.

By: Chris Heilmann

Chris Heilmann — Sat, 22 Apr 2006 09:20:19 +0000

I remember when that amazed me on Commodore 64 and Amiga and there were some DHTML “scene” demos in the past (I wrote a Commodore 64 sprite editor in DHTML for Netscape 4 in 1999, that was totally useless but keyboard driven and animated and stuff)

- http://www.pouet.net/prod.php?which=5618
- http://www.pouet.net/prod.php?which=18327
- Hau Strange / Haujobb: http://www.scene.org/file.php?file=/demos/groups/haujobb/dhtml/hjb_hast.zip&fileinfo

How about we re-invent all the old goodies in modern JavaScript? I start with dividr:

http://icant.co.uk/sandbox/dividr.html

- unobtrusive
- uses object literal
- people will call it AJAX, I’m sure
- If you add a way to upload own colour settings, it’ll also be web2.0!

jesting aside, nice piece of code which proves that making heavy animation fluid in JavaScript is a really tricky thing to do.

By: Keith

Keith — Sat, 22 Apr 2006 06:10:02 +0000

A better question might be, why does April have 31 days?

Nevertheless, it’s definitely an interesting pair of proofs of concept. Good to see that somebody remembers their trigonometry, too.

By: sundew

sundew — Sat, 22 Apr 2006 05:38:52 +0000

Great job, Yusuke.

By: Yusuke

Yusuke — Sat, 22 Apr 2006 05:13:51 +0000

Eduo:
Right. One night, I got an idea that clip:rect’s style sheet is useful for these animations, and I tried it. I was surprised with 3GHz CPU’s speed and JavaScript’s power. You know, a traditional raster scrolling tech have been provided for 3MHz CPU(Z80/6502) more than 10 years ago.

Marle:
Thank you! I fixed the error which might be a kind of April fool. ;-)

By: Merle

Merle — Sat, 22 Apr 2006 02:34:46 +0000

Except… why is the second day of April still the 1st, and not the 2nd?

By: Eduo

Eduo — Fri, 21 Apr 2006 22:24:18 +0000

Krazykarl and Bill:
It’s a proof of concept. It’s a “I wanted to do it and I did it”. A programming language by definition doesn’t have rules on what it should or shouldn’t be used. You may not see why anyone would use it but other might and if nobody uses it it still may serve to do further things.

Incidentally, the first thing someone said when I showed them scriptaculous, open rico and lightbox was “Why would you want to use that!?”. I’m sure someone even said it back when CSS was first proposed.

I think people are too afraid of “the next BLINK”

By: Rotating Animation Effects in Javascript » moebius recursive

Rotating Animation Effects in Javascript » moebius recursive — Fri, 21 Apr 2006 20:37:49 +0000

[...] In what feels like a return to the heady ’spinning logo, flaming logo’ days of early web design, Yusuke Kawasaki has created a way to produce cube image rotations in Javascript. While this is wonderful eyecandy and some pretty deft Javascript programming, I’m not entirely sure how useful this might be in practical terms. via Ajaxian [...]

By: Bill Snebold

Bill Snebold — Fri, 21 Apr 2006 20:14:24 +0000

I get krazykarl’s point. It’s a nice showcase effect but I don’t see why you’d want to use it.

By: Brian

Brian — Fri, 21 Apr 2006 18:53:05 +0000

Just looking at the calendar makes my eyes bleed. But the photos demo is cool.

By: kim3er

kim3er — Fri, 21 Apr 2006 18:16:30 +0000

Great effects. I don’t understand the first comment by krazykarl, it’s not like this bit of script has brought us closer to human cloning or anything. Even if there is no partical value or theres a better way, I think both effects are great proof of concepts. I love the use of perspective.

Nice one Yusuke Kawasaki!

By: Scott Schiller

Scott Schiller — Fri, 21 Apr 2006 18:06:48 +0000

This is an experimental kind of effect, quite CPU-intensive and certainly not for general use. That being said, it's a nice technical achievement of sorts! Firefox seems to render the 3D cube faster than IE on my machine, it appears that IE breaks down when moving many copies of the same image around (or maybe my own approach to a similar effect used a less-efficient method.) Also of note for JS effects is the work of "P01", anyone familiar with the old Atari/C64 "demoscene" will appreciate this demo which shows a lot of real-time JS stuff (anyone who recalls "Second Reality" might recognise one of the sprites used, in fact.) Also quite neat are the mooncheese and redbug demos. The latter is quite impressive as it's 64 KB of code, and several minutes in length.

By: Matthew Ratzloff

Matthew Ratzloff — Fri, 21 Apr 2006 17:12:19 +0000

This is quite a bit faster on Internet Explorer than on Firefox. But it’s pretty slow in both…

By: Edwin V. » Funky JavaScript

Edwin V. » Funky JavaScript — Fri, 21 Apr 2006 16:56:00 +0000

[...] Ajaxian kwam vandaag met twee mooie linkjes. De linkjes verwijzen naar een website van Yusuke Kawasaki en geven een demonstratie van de mogelijkheden van JavaScript. Of de taal hiervoor bedoelt is valt natuurlijk te betwisten, maar leuk is het wel. [...]

By: krazykarl

krazykarl — Fri, 21 Apr 2006 16:46:29 +0000

was javascript meant to do this? just because you can, doesn’t mean you should…..