Waxy.org
Waxy.org is the sandbox of Andy Baio, an independent journalist and programmer living in Portland, Oregon. I created Upcoming.org and some other stuff too.

Contact Me: log@waxy.org or waxpancake on AIM

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
November 18, 2008
Bike Hero, biking a Guitar Hero level in the real world — most likely a commercial viral, and maybe even fake, but does it matter? beyond awesome
Chuck Klosterman reviews Chinese Democracy — mostly posting this just to beat Rex to it
The A.V. Club's 27 popular websites that became books — though they missed Belle de Jour, The Washingtonienne, Fucked Company, Fark, and ZUG
Speed Guitar goes to the Los Angeles County Museum of Art — every hour, on the hour, for one solid minute of metal complete with gothic arch and smoke machine
MGMT's "Kids" on the iPhone Ocarina — "the iPhone Ocarina officially replaces the recorder as the nerdiest instrument I can play"
Mena Trott responds to Valleywag article about their Disneyland vacation — my favorite was Space Mountain Snob
LIFE Magazine photo archive hosted by Google — millions of high-res photos, most never published
Amazon launches CloudFront, their pay-as-you-go CDN — very complementary with S3
November 17, 2008
John Hodgman, Jonathan Coulton, and the Long Winters perform "Tonight You Belong to Me" — "Thank you, normal-sized man."
Jerry Yang stepping down from Yahoo's CEO post — it never really fit him well, though I'll miss his e.e. cummings memos
Woman asks Apple community about an unusual iPhone glitch — no, raunchy photos don't accidentally attach themselves to outbound email
Greasemonkey script to pull WikiDashboard visualization into Wikipedia — I made a LazyWeb plea for this last week, and Paul Irish came through
Lee Byron's Fireflies, anaglyph 3D game for Mac — part of Kokoromi's Gamma 3D showcase of anaglyph games
Flickr Boundaries, tool to explore Flickr's shapefiles — read Tom Taylor's entry for more information
Cooking Mama, the Unauthorized PETA Edition — a strangely obscure target for their attention, with a petition to write to the game's publisher (via)
Boing Boing launches gaming blog, Offworld — good writing in a nice design from Brandon Boyer, former news editor of Gamasutra
"Violet" wins the Interactive Fiction Comp 2008 — play it online; glancing at the charts, it looks like Buried in Shoes was the most divisive
Trailer for J.J. Abrams' Star Trek prequel — looks surprisingly good, but I'm a sucker for origin stories; I even liked Enterprise
What would Depression 2009 look like? — Tim sums up the thought-provoking Boston Globe article
The Pirate Bay hits 25 million simultaneous peers — that's not unique people, but concurrent connections; Napster peaked at 26M users
Peter Hirschberg releases Adventure as a free iPhone app — related: Chasing Ghosts will finally be released on BitTorrent Showtime in December (via)
The Big Picture on the California wildfires — also: first-person coverage on Twitter and YouTube, like this freeway on fire and aftermath
Tim-Tams available at Target until March, first time available in the U.S. — best chocolate cookies ever, the Tim Tam Slam is a chocolaty revelation (via)
JS-909, a Javascript drum machine without Flash — through a hack, it even works in IE 6
November 14, 2008
Esquire's hosting Between, the new two-player networked game by Jason Rohrer — from the creator of Passage
"What's that buzzing noise from my BBQ?" — he thought he was killing a few bees, but ends up annihilating an entire colony (via)
November 13, 2008
Kottke explains how to embed high-quality YouTube videos — I knew how to save, link, and change the default, but the embedding hack was new to me
Web 2.0 Origami — lazyweb, please build a converter that creates folding patterns from an uploaded image
Pixar's Burn-E short on YouTube — here's an interview with the director
Valleywag folded into Gawker, all but Owen Thomas laid off — I won't miss it; they hurt a lot of good people and interesting projects in the quest for pageviews (via)

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