JS1k Winners – Top Ten Entries


So, the JS1k contest is over and the winners are finally in! What a fantastic event this has been, massive thanks to all the organisers and judges, and to all the entrants for putting on a great show, I can’t think of a single entry I wouldn’t have been proud to have written myself, and some of the entries were simply amazing.

The judges did a brilliant (and difficult!) job of ranking the entries and choosing their top ten. I’ve compiled the entries into a list below, and you can click through to the demos themselves from here. I read that the official site will be updated tonight, so check back at js1k.com for the full scoop :)

If this is the first you’ve heard of the contest, head over to js1k.com and browse through all the entries. I also compiled a list of all the tweet-sized entries, as I’m buying a copy of Douglas Crockford’s JavaScript:The Good Parts as a prize for the best tweetable entry. Have a look at my own tweetable entries too.

#1:Marijn Haverbeke (1023b)

marijn.haverbeke.nl/js1k.html
Legend Of The Bouncing Beholder

A platform game. Arrows to move/jump. Collect as many coins as you can. Follow the link provided for this entry to read more.

My last entry clearly didn’t cut it, so here’s another shot.

demo

source

original

demo thumb
#2:Óscar Toledo G. (1023b)

nanochess.110mb.com
Tiny Chess.
Play chess against computer with queen-only promotion and without castling or en passant.
Click origin square and then target square to move piece, it will validate moves.
Update 1: Big chessboard with Unicode graphics, illuminates piece to move.
Update 2: Better gameplay and variety. Now shows immediately user’s move. Thanks to @romancortes for optimization tips.
Update 3: Illuminates last piece moved. Enhanced strength to evade fool and scholar’s mate. Thanks to @kamathln for optimization tip.
Update 4: Computer now prefers to checkmate instead of stalemate. I did it after reading the article http://malevolent.com/524

demo

source

original

demo thumb
#3:Sjoerd Visscher (1024b)

w3future.com
Tetris
As a bonus, there’s the original Tetris tune in 3 channel audio. This works best in Safari and FF4.

demo

source

original

#4:Mathieu ‘p01′ Henri (1024b)

www.p01.org
WOLF1K and the rainbow characters.

The idea of this entry was to do the impossible: a 1K remake of the famous WOLF5K ( http://wolf5k.com/ ) that rocked the final edition of the5K.

WOLF1K features a 32×32 map with textured walls colored by orientation ( North, South, East, West ), fog, 3 transparent bitmap graphics in 8×8, 15 rainbow characters steering smoothly across the map, collision detection, probably the most crazy optimization tricks I ever wrote.

Does not feature guns, violence: in WOLF1K, there is no room for guns or any form of violence.

The uncompressed code is fully handcrafted to please a improved version of @cowboy’s packer. The aggressively minified code does not contain a single whitespace, exclamation mark, double quote, … and weighs 1370bytes.

Hope you enjoy your stroll in the walls of WOLF1K

demo

source

original

demo thumb
#5:Alexey Malyshev (140b)

malyshev.info
True binary clock. Shows number of milliseconds since Jan 01 1970. Fits in a tweet.

demo

source

original

demo thumb
#6:Stephan Seidt (832b)

evilhackerdu.de
http://motherfuckinglasers.com/ done in canvas + animation

demo

source

original

demo thumb
#7:Lars Rönnbäck (1016b)

www.anchormodeling.com
v1.0 First submission
v1.1 Added ability to drag nodes
v1.2 Added ability to fixate nodes
v1.3 Build your own model, instead of a predefined one
v1.4 Bug fixes (and have I used every minifying trick now?)
v1.5 Added motion blur, initial node, improved minification

Instructions:
* Hover over the canvas and press any key to add a node.
* Click nodes to select and fixate them.
* Selected nodes will be connected to the added node.
* Drag nodes to move them around.
* Click a fixed node to release it.

This is a “port” of a layout engine I created for an Open Source project in which we are building a database modeling tool. I had to dumb down the engine a bit and cut some corners performance-wise to keep the code short (like with-statements). It still does a good job laying out the nodes and edges, though.

demo
source

original

demo thumb
#8:feiss (1023b)

feiss.be
*Crazy multiplayer 2-sided pong*

I’ve optimize my previous one about and added board rotation, flashes, and nicer scoreboard.
player 1: keys A,Z
player 2: mouse

have dizzy fun!

demo
source

original

demo thumb
#9:Chris Smoak (994b)

Creates and plays a WAV or MP3 (depending on browser) of your message encoded in Morse code.

Features:
. Cross-browser support through creation of both WAV and MP3
. Supports A-Z,a-z,0-9
. Handles SOS prosign correctly, with no character-length silences
. Packed by hand, actually looks like JS!

UPDATE #2: changed to use prompt, found other size optimizations
UPDATE #1: changed use of hashtag to input tag so it works embedded in a frame (doh!), added some more hand-optimizations

demo
source

original

demo thumb
#10:Steven Wittens (1024b)

acko.net
Pulsing 3d wires with volumetric beams.

demo

source

original

demo thumb

In a later post I’ll list my own favourite entries. And then I’ll shut up about js1k… until next year ;0)


Related Posts:

, , , , , ,

  1. #1 by Crookes on September 30, 2010 - 11:14 am

    Nice article. I was well impressed by some of these entries. I blogged my two favourite here: http://allaboutchris.co.uk/blog/2010/a-program-is-worth-a-thousand-bytes/

  2. #2 by Sanukode on October 7, 2010 - 8:30 am

    good job, i don’t believe that , but i see all source codes

    it’s great

Comments are closed.