Waxy.org
Waxy.org is the sandbox of Andy Baio, a journalist/programmer living in Portland, Oregon. I'm the CTO of Kickstarter, 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 20, 2009
Regretsy gets a book deal — the anonymous author turned out to be April Winchell, collector of audio oddities
Google Chrome OS Demo — a world without a local filesystem and apps; also, the Chrome UI concept video (via)
Patrick Moberg's Internet Vices — funny, Tumblr feels more like beer than wine to me
Charlotte Gainsbourg and Beck's "Heaven Can Wait" — Keith Schofield's surreal video and insane treatment were inspired by FFFFOUND and Reddit, but maybe too explicitly (via)
November 19, 2009
YouTube adds machine-translated automatic captions — starting with some partner channels, but auto-timing is available to everyone today
Microsoft tries to patent Edward Tufte's sparklines — they were recently added to Excel
Leonard Lin's Retweet Avatars for Greasemonkey — a subtle change, but a big improvement
Web-ops god John Allspaw leaves Flickr to join Etsy — he's the last of the original Ludicorp team to go (via)
November 18, 2009
Laptop Steering Wheel Desk — don't miss the product photos
Interview with Ralph Eggleston, Pixar's production designer on WALL-E — from last February, but new to me; I didn't know the Axiom had three passenger classes
NSFW: Animated pixel-art video for Flair's "Trucker's Delight" — warning: very offensive and sexist, but the attention to 16-bit detail by director Jérémie Perin is incredible
NY Observer on Anil Dash's new government 2.0 incubator project — Expert Labs debuted at Web 2.0 today, funded with a $500k grant from the MacArthur Foundation
November 17, 2009
Google's Dan Morrill explains how the Droid autofocus breaks every 24.5 days — this gets second-place for quirkiest Android bug (via)
Conan O'Brien and Andy Richter on Zach Galifianakis' Between Two Ferns — his style of comedy usually makes me uncomfortable, but this made me laugh
The Pirate Bay shuts down their tracker for good — they're switching to DHT instead
November 16, 2009
How Darren at Link Machine Go found Belle de Jour's identity five years ago — Brooke was part of the early UK blog scene
ICU64, real-time visualization of Commodore 64 memory — the developer also posted videos of Paradroid and Boulder Dash (via)
Russell Davies on pretending and "barely games" — his SAP prototype looks like great ambient fun (via)
NYT Magazine on the indie gaming movement — nothing new here, but good overview with a wonderful closing anecdote from Cactus
Tim O'Reilly on the pending War for the Web — "more than that, it's a war against the web as an interoperable platform"
November 14, 2009
Jason Scott rounds up Geocities' top 10 most popular MIDI files — along with a torrent with 51,000 MIDIs rescued by Archive Team
Matt Haughey on the discovery of his brain tumor, treatment, and the Internet's response — there were about 1,000 #mathowielove tweets in 24 hours
Belle de Jour reveals herself after six year of anonymity — only six people in the world knew, she only told her parents yesterday (via)
Paul F. Tompkins debates comedy ethics with Improv Everywhere's Charlie Todd — great discussion, and it's hard not to see where both are coming from (via)
November 13, 2009
Rogue Amoeba stops iPhone app development after App Store idiocy — I'm with Marco, the only fix is allowing external apps, but it's unlikely (via)
Numb3rs on IRC — "Luckily, I speak l33t."
Prank War 8: The Skydiving Prank — hard to say if life-threatening situations are funnier than public humiliation
301 Works, Internet Archive works to preserve URL shortener data — the shorteners will provide regular backups and hand over data on closure, though TinyURL's conspicuously missing
November 12, 2009
Quizipedia — simple game with trivia scraped from Wikipedia entries
Kill Screen, funding a new art magazine about videogames — sounds like the English analogue of Amusement I was hoping for

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