Waxy.org
Waxy.org is the sandbox of Andy Baio, a writer and tech entrepreneur in Portland, OR. I work with Expert Labs, helped build Kickstarter, founded Upcoming, made an album, and other stuff too.

Contact Me: Email, AOL IM, or follow me on Twitter.

Mooncheese, Old-School Graphic Demo in Pure DHTML/Javascript

Posted Aug 9, 2004

The Assembly demo party in Helsinki is one of the largest geek gatherings in the world, where thousands converge to watch and compete in graphic demo competitions. (View the panorama photo from last year's event, with over 5,000 attendees.)

This year, the winner of the "Browser Demo" category was Mooncheese, written in pure Javascript and DHTML. Several classic real-time demo effects are represented, such as copper bars, tunnels, voxels, Mandelbrot zooms, and various vector effects. In Javascript!

You can view the Mooncheese demo mirrored locally on my server, or download the source locally.

It works well in Firefox 0.9 and Internet Explorer 6, but not Safari. Read the release notes for more information.

13 Comments (Add Yours)

Aug 9, 2004
3:54 PM  
Michael wrote:

That is so cool!

Now all I want to see is a Second Reality remake in JS! :P


Aug 9, 2004
5:16 PM  
Ilya Haykinson wrote:

I think it'll still be a while before something of Second Reality's magnificence, given the fact that this little demo was keeping my CPU steadily at 100% :-)

But it's really impressive nevertheless.


Aug 9, 2004
6:10 PM  
Smackfu wrote:

Heh, that sure does remind me of old-school demos: it didn't work right. Firefox just showed a black screen after loading and IE managed not to load all of the images so I got neato animated placeholder boxes moving around.


Aug 10, 2004
2:48 AM  
Milo wrote:

Cool, but ridiculously oversized at 3.6MB: almost every scene consists of pre-rendered pngs. Honestly, 179 pngs to show some copperbars? Could've at least generated them with css border styles instead...


Aug 10, 2004
3:01 AM  
Mathieu 'P01' HENRI wrote:

Indeed, pretty cool. But to avoid the many problems of preload, one must download the sources and run it locally. The demo as a whole is nice, but the effects seems slow and badly optimized ( in term of execution speed and size ). Now I suppose that after moaning like I just did, I'll have to release a complete demo in DHTML. ^___^


Aug 10, 2004
8:19 AM  
Andy Baio wrote:

In Firefox, you may need to select "No Sound" to get it to work.


Aug 10, 2004
1:54 PM  
Shingebis wrote:

Woo, I'm famous :-)

As far as optimisation goes: the size limit in the competition was 5Mb, so size optimisation wasn't really my priority - no reason to compromise the eye-candy for the sake of practicality. We've got the 5K competition for that - well, when it isn't in limbo anyway.

Speed optimisation - hmm, possibly. This is the first time I've implemented proper 3D algorithms on any platform, so I may well have missed a trick or two. The strange thing about Javascript, though, is that the hard number-crunching takes up comparatively little time in comparison to the pixel-pushing. Anyway, Mathieu... yes, you certainly will :-)

Incidentally, the demo will grab as high a frame rate as it can (up to a maximum of 50fps), so 100% CPU usage is to be expected.


Aug 11, 2004
11:23 AM  
Andrew Wooldridge wrote:

This is great stuff! I'm going to show this to the folks at mozilla.org and see if they can use it as a benchmark for dhtml...

Anyway, if you are looking for like minded folks - there are many folks doing pure javascript and dhtml demoscene kinda stuff here:

http://www.ozoneasylum.com/

For instance someone created a wolfenstein-style raycasting engine, and there's some 3d metaballs, etc.


Aug 25, 2004
1:15 AM  
darren wrote:

as a follow up:

tomorrow (thurday august 26th) is "art night" here in helsinki. there is something on that is related to the assembly demo party:

"IT AND ART
Computer music and graphics demos and a mood-lit room with background music made up of the most peculiar ring tones. Demo team rep to answer questions. Note! Doors close at 6.45.
WTC • ALEKSANTERINKATU 17 •6 to 7.30 pm "

i'm hoping to have a look and take some pictures.

dw


Sep 4, 2004
7:56 AM  
samrolken wrote:

Over a dialup connection, no music, in Firefox 0.9 on Windows, I get nothing but moving image placeholders.


Sep 10, 2005
3:19 PM  
Mathieu 'P01' HENRI wrote:

To follow up, the Assembly'05 was great.
Shingebis released REDBUG and I released NEJA ( watch it in FF ).


Oct 3, 2006
6:21 AM  
Chris wrote:

Well - I tried running Redbug on Win XP, IE6, P3-1000 machine, and after about 10 seconds the PC powered-off. On reboot I got a prompt saying overclocking failed, F1 for setup, F2 to continue. I chose F2 and got a disk-read failure message. I rebooted again, and then about 5 seconds into the reboot, before any text was displayed, the PC powered down again. And now I'm here searching for answers. I hope this was purely a co-incidence, but something makes me wonder...


Oct 3, 2006
6:36 AM  
Chris wrote:

Correction. P4-3000. I am thinking the BIOS has been reset and now my boot configurations are wrong. I've seen a similar message before, including NTLDR is missing - which is probably because it's booting to the wrong drive (one of the IDEs instead of the SATA)... but I don't recall the correct configuration.

Whatever. Nasty side-effect, I'll say - maybe it just exposed a hardware bug on my PC. shrug.


 

Leave a comment





Waxy Links
Ads via The Deck
February 8, 2012
Double Fine's Kickstarter project to make a new point-and-click adventure — best project video ever; I backed it so hard
Interactive ASCII fluid dynamics animation — based on this JS simulation (via)
What Popular iPhone/Android Apps Know/Transmit About You — ignore the awful visualization and skip to the table; Angry Birds sends your contacts to third parties!?
Path apologizes, deletes user address books — they never should've done it in the first place, but this is the right way to handle it
BBC tracks down an Internet troll — as the Daily Dot points out, he's more of a racist asshole than a troll (via)
February 7, 2012
PressPausePlay — stylish documentary on the digital media revolution of the last decade
February 6, 2012
Restored Disneyland footage from 1957 — only open for two years in this video
Robot readable world — found footage from machine-vision tests
February 3, 2012
Avería, the average font — preview them all (via)
February 2, 2012
How and why Mark Jaquith became an atheist — gripping personal story of the life-affirming shift from faith to evidence (via)
Where's the Pixel? — find and click on the black pixel; you may need to clean your screen first (via)
ARTINFO on the chilling effect of the Prince v. Cariou copyright ruling — the journalist mentions me and Kind of Bloop
Darkness — a brilliant 24-hour comic by French cartoonist Boulet (via)
January 31, 2012
Nano quadrotors flying in formation — don't miss the figure 8 pattern at the end (via)
Bootstrap 2 released — here's the announcement
Jeff Atwood on the risks of unmoderated communities — left to their own devices, popular online communities get taken over by cheap, easy gags (via)
How and why J.D. Roth sold Get Rich Slowly — interesting tale of a founder selling his site, but unable to share the details for years
Yahoo lays off in-house Flickr support team — from what I hear, it was done with 10 minutes' notice to Flickr management
Mapstalgia — videogame maps drawn from memory
January 30, 2012
Shit Programmers Say — strikingly similar to Shit Rocks Say
Impressions of Corporate Logos by a 5-Year-Old — "a cheetah, a cheetah, a cheetah"
Bellbot — web app that beeps when you get new signups or sales
ScratchML — markup language for recording and replaying turntablism
Why are software development task estimations regularly off by a factor of 2-3? — nice piece of Quora fiction (via)
David Carr on Kickstarter's film funding at Sundance — 10% of the festival was funded on Kickstarter, with two optioned by HBO
Why ten-year attendee Mike Pusateri's skipping SXSW this year — I made the same decision to skip this year; I may regret it, but it just wasn't fun last year
MegaUpload's user data set to be destroyed by Friday — collateral damage in the copyright war
Blogging declines across the Inc. 500 — too bad; Twitter and Facebook aren't a replacement for longer-form communication
January 29, 2012
ChatChat — Terry Cavanagh's multiplayer game about being a cat (via)
January 27, 2012
Identifying Ice Cube's "Good Day" — process of elimination

Andy Baio lives here. Some rights reserved, for your pleasure.