Waxy.org
Waxy.org is the sandbox of Andy Baio, a journalist/programmer living in Portland, Oregon. I work on Kickstarter, created Upcoming.org, made an album, 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
September 1, 2010
Bear's Double Rainbow ad for Microsoft — also: meet Bear (via)
First details on Telltale's episodic Back to the Future game emerge — they also secured rights to make games based on Jurassic Park
Cee Lo Green's official video for F**K YOU — even better than the typography video, I'm perfectly content to have this song stuck in my head 24/7
Slate interviews Innocence Project cofounder about false convictions — over 250 people have been freed by new DNA evidence, many of them with false confessions
Unreal Engine 3 tech demo Epic Citadel for the iPhone/iPad — impressive tech demo, now available for free
GameSetWatch covers Assembly 2010's PC demo contest — if you have the hardware, I highly recommend trying out the two winners yourself
Apple announces Ping, a social network built into iTunes — their first foray into social, finally; seems inevitable that app/location/TV/music sharing will follow
August 31, 2010
All four issues of Daniel Raeburn's The Imp available for free download — highly recommended, covers Daniel Clowes, Jack Chick, Chris Ware, and dirty Mexican comics (via)
Eclectic Method's 8-bit Mixtape — not particularly great music, but the visuals make it (via)
Vanity Fair's glimpse into the day in the life of the President — long, must-read look at the insane complexity of today's political landscape
Lanyrd, social conference directory — brilliantly executed social event discovery; it should be pronounced "La Nerd"
Copyrighting Fashion — a new bill would subject fashion to copyright, but at what cost?
Tom Scott's Evil hack shows phone numbers exposed by Facebook users — culled from public "lost my phone" groups
Unhear It — replace one earworm with another
August 30, 2010
Stay Free's Illegal Art mix tape — the files all moved here
Mads Peitersen's paintings of gadget anatomy — love the iPhone guts (via)
Hark! A Vagrant's Nancy Drew covers — previously: the Gorey covers
Markov chaining Kickstarter blurbs — this also doubles as a Kickstarter project idea generator
Pomplamoose teams up with Ben Folds & Nick Hornby — Hornby wrote all the lyrics for Folds' new album (via)
The Wilderness Downtown — an HTML5 music video for Arcade Fire with some fun geo integration
August 29, 2010
Swarmation — like musical chairs for pixels (via)
August 28, 2010
Disney remixes old cartoons into "Blam!" — truly awful
August 27, 2010
PieLabPDX food cart makes customers play games to buy pie — they had to win a game of Rock Scissors Paper to get their choice
Dirpy — convert YouTube videos to MP3s with surprisingly deep transcoding options
Indie Game: The Movie interviews Adam Saltsman on Canabalt — every one of these shorts gets me more excited for the full-length film
August 26, 2010
Jerry Stiller Unscripted — an adorable encounter with the owners of the Costanza house
Members of Paramore, New Found Glory, and Relient K cover "Bed Intruder Song" — the original broke the Billboard Top 100 (via)
Happylife — prototype device ambiently shows a family's collective mood (via)
"Learning to Be Me" by Greg Egan — a better-written short story with a similar theme as "Where Am I?"
"Where Am I?" by Daniel Dennett — short sci-fi story from 1978 about where consciousness resides (via)

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