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
July 3, 2009
Brandon Boyer on Treasure World, DS game that turns wifi hotspots into collectible treasure — to play the game, you have to explore the real world
TweetCraft, in-game Twitter client for World of Warcraft — supports uploading screenshots with TwitPic (via)
Augmented reality iPhone London tube station finder — I really could've used this last week (via)
Sour's "Hibi no Neiro," crowdsourced music video — choreographing 64 fans with webcams (via)
Slate's Chris Wilson tracks 10,000 random YouTube URLs for 30 days — 3% hit 1,000 views, more than I would've expected (via)
Pinboard, Maciej Ceglowski's lightweight del.icio.us clone — on the roadmap: "Get acquired by Yahoo and slowly grow useless"
Donkey Kong easter egg discovered 25 years later — created by DadHacker and discovered by Don Hodges, two of my favorite gaming nerds
Newspaper Club — building a customizable newspaper printing service in 60 days; they're using InDesign as the backend
Kevin Kelly's Death Clock in Futurama — this might seem morbid to some, but I find it inspiring
July 2, 2009
Paul Lamere's Coolness Index — are female singers uncool?
Kickstarter's Big Day — 13 projects ended on July 1, raising an average 188% of their goals
Anil Dash on Malcolm Gladwell's criticism of Chris Anderson's Free — I read through Gladwell's New Yorker piece twice, and the arguments seem petty and off base
72-year-old retired boxer beats up knife-wielding knucklehead — the inane Facebook photos make this story even more delicious
July 1, 2009
Pez sues Burlingame Museum of Pez for copyright infringement — so disappointing
RIAA wins lawsuit against Usenet.com — judge rules Betamax case doesn't apply; every other Usenet provider is next
June 30, 2009
EveryBlock releases source code — it was a requirement of their funding from the Knight Foundation
Hype Machine detects cheating on charts, names names — one of the bands responds in the comments and gets schooled by Anthony (via)
Ze Frank on black, white, and shades of green — I'm loving this series
China bans gold farming, real-world sale of virtual goods — Eurogamer estimates 1 million Chinese gold farmers with worldwide trade worth more than US$10 billion annually (via)
The Pirate Bay sold to publicly-traded Swedish gaming company — Brokep's statement is delusional; being acquired will almost certainly kill the site
Michael Rubin's "Droidmaker" book now available for free download! — authoritative 518-page history of Lucasfilm, the creation of Pixar, and much more (via)
June 29, 2009
Jason Rohrer interviewed about "selling out" to make iPhone and ad games — he recently switched from free, open-source games; also, EA claims Spielberg's LMNO isn't cancelled
Nedroid's Cosby Experiment — view all 190 Cosbys
How the NYT kept their reporter's Taliban kidnapping off Wikipedia for seven months — they collaborated with Jimmy Wales directly to freeze the entry; NPR asks if it was ethical (via)
David Fincher may direct Facebook film, adapted by Aaron Sorkin — possibly starring Michael Cera or Shia LaBeouf as Zuckerberg; this sounds familiar (via)
Quarrygirl's undercover investigation of non-vegan ingredients used at L.A.-area vegan restaurants — outstanding blog reporting, with industrial food testing from 17 different restaurants and research into suppliers
June 28, 2009
James Barnett's oil paintings of landscapes from video games — looking at the paintings, I felt like I'd actually visited those locations in real-life (via)
WSJ interviews Brenda Brathwaite about "Train," a board game about the Holocaust — not all games need to be fun (via)
June 27, 2009
How Rob Manuel accidentally started a Michael Jackson moonwalk flashmob — I'm in London right now, and I've seen several massive vigils and tributes on the streets (via)
Top teams join forces to win Netflix Prize — check the leaderboard for the first score to break the 10% improvement threshold (via)

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