JS1k

This is the list of current submissions for the 1k Javascript demo contest #js1k

These are all the submissions so far. Ordered by submission date, newest first. The thumbnail map is ordered randomly.

Why don't you submit your demo as well?


NameWebBytesDescdetails
Romain Huet 1013 Move the ball through the game using the mouse cursor. Try to collect as many coins as you can before the time is over, and make sure the ball doesn't drop through any holes! Warning: directions are reversed! demo
source
original
tweet
Ilan Bar-Magen 1020 It was suppose to be a game called "Circles vs. Squares" where a circle shoots around squares enemies. Well, I didn't find the time (and space) to add the squares :) so it is apparently became just a "Crazy circle shooting in all directions" ;) demo
source
original
tweet
Tobias Bräutigam 1012 Play memory! Version 2.0 with fixed layout + color :-) demo
source
original
tweet
carlocci 932 javascript theremin demo
source
original
tweet
Rob O'Dwyer 1021 Displays random fading unicode characters in fancy colors. Uses a hack based on the output generated by the browser to find valid UTF-8 sequences instead of doing it properly. demo
source
original
tweet
bartaz 924 Draws basic fractal (I forgot it's name). Click to draw next degree... Beware - if you go farer than 10 clicks or so it may kill your browser ;) It took me about less than hour to write it so don't expect to much ;) demo
source
original
tweet
Lee 1017 A simple text editor that automatically highlights Javascript code in the textarea as you type. (an edit-in-place syntaxhighlighter) demo
source
original
tweet
Shah Pavel Jamal 990 Night scene. Procedural trees, grass, shooting stars and the moon. Click anywhere to shoot a star. - Added clicking to shoot star - compressed with jscrush demo
source
original
tweet
h3nr1x 1022 DanceHero, a simplified version of a Dance Dance Revolution like game (kind of) Press the arrow in the direction pointed by the hand icon in the top-left corner i could not publish the original source cause time reasons, =S Not the best, but... demo
source
original
tweet
Mark de Jong 1024 An (text)sinescroller and 2d starfield inspired by old Amiga cracktro's which often came with cracked games in the early 1990's. V1.1 - added (scrolling) colorlines at the top and bottom - longer scrolltext V1.2 - slightly longer scrolltext - slightly increased timeout (from 30 to 40) to make the scroller a little slower and easyer to read - tiny tweaks and optimalizations demo
source
original
tweet
Christian Bonham 1018 Music Related: Choose a Key Signature It will tell you the chords in that key, the key's relative minor key, and the key's parallel minor key. demo
source
original
tweet
Peter Liepa 1019 A game. The objective of each level is to get the water level to the top of the screen. Water is displaced by green beach balls, which are created and expanded by pressing and holding the mouse button. But the roving red piranhas will destroy a growing ball. A ball also stops growing when it hits another ball, or the sides of the screen. The "L: B:" display shows level number and balls remaining. Each new level brings more piranhas and more balls. demo
source
original
tweet
Bjoern Paschen 1024 Just a simple Raycasting Engine (you know, Wolfenstein 3D ;) ) demo
source
original
tweet
Juan Carlos Clemente 993 Another improvement v0.5 of 1kBoomshine demo
source
original
tweet
Chris Smoak 994 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
tweet
Unkulunkulu 635 An examination into golden ratio, inspired by Simppa's LoopPump Flash-demo: http://www.simppa.fi/experimental/as3/2009/math/LoopPump/ demo
source
original
tweet
z0va 1024 v3.0 Game is now a "papy jump" like You have ~3s before scrolling start GO UP guy ! :) v2.0 Modify color scheme Fixed jumping bugs Added max Y speed Added some optimizations demo
source
original
tweet
Bernard Schmitz 926 Flame demo demo
source
original
tweet
Chris Waalberg 1002 Imagine creating a watercolor painting with a thousand tiny, living brushes. That's what this is. Let it run for a while and use your mouse to lure the brushes. Or don't and let them paint on their own. The brushes are contagious. If they come near each other, they can mimic each others color. demo
source
original
tweet
ThatOneGuy 1019 Turns the browser window into the Matrix. Press "s" to start/stop the generation of new matrix entities. demo
source
original
tweet
Sebastian Sprenger 1016 Quine Shooter The aim is this game to remove its source code from the screen. This is done by clicking; each mouse click produces a shock wave which spreads the adjacent characters over (or, more importantly, beyond) the canvas. For a new game, refresh the page. On loading, the font size is adjusted to the available window space. Code shortened by hand. My personal best time is 10.8 seconds... demo
source
original
tweet
Adriano Ueda 1023 A sokoban clone using ASCII. You're the man (@), trying to push the crates ($) on the goals (.). When a crate is on the goal, it becomes a (*). Use the directional keys to move and push. demo
source
original
tweet
Jacob Seidelin 1024 Planet #1024 Procedurally generated planets with clouds, starry background and other neat features. A different planet is generated every time you load the page. demo
source
original
tweet
Keon Ahn 1017 Blockhead's Gomoku (Five in a Row) demo
source
original
tweet
Kobus Pretorius 1015 2D Bump Map Putty Take your sculpting skills to the limit with this fun interactive demo effect. Paint with the mouse in the left box and see your creation take shape on the right. Features the JS1k logo to get you started. SPACE: Switches between brush and eraser. 0-9: Selects brush size. demo
source
original
tweet
Gabriel Gambetta 985 Raytracer with spheres, point lights, ambient, diffuse and specular lighting, shadows, and reflective surfaces. Tested in Firefox and Chrome, works much faster in Chrome. No cheating - unlimited spheres and lights are supported, no particular cases assumed. Some constants are carefully chosen to minimize file size, but the raytracer and scene are completely general otherwise. The source code remains curiously readable. The included scene has 4 spheres and a point light so it could be even smaller, but less interesting ;) The scene definition uses over 10% of the space. v1 ( 989) - Initial submision with diffuse lighting and shadows. v2 (1018) - Added reflective surfaces. Started using a minificator, but most size reductions are achieved manually at this point. v3 ( 985) - Squeezed specular highlights in! 1078 -> 1039 was a byte-by-byte battle; 1039 -> 984 was surprisingly faster. Used the extra space to make the specular exponents and reflection coefficients editable. Got to 1022, then down to 985. demo
source
original
tweet
Gabor Nagy 1021 Space Invaders Game v0.3 The aliens are trying to invade the Earth. Don't let them reach You. Shoot them all and go to the next level where the invasion is faster. LEFT/RIGHT ARROW: Move left/right SPACE: Fire UP ARROW: Next level (more SPEED) Features - Groovy drop bomb - Invaders speed up - Multiple shots - 'Game Over' screen demo
source
original
tweet
dragal 1011 Generates the Mandelbrot fractal and corresponding Julia sets. Click on the Mandelbrot to generate the Julia. Alt+click on either to zoom in. The value of C for the specific Julia displayed is printed at the top of the Julia demo
source
original
tweet
Benji Schwartz-Gilbert 1021 Canvas based JavaScript command line Completely canvas rendered (no input/textarea elements or overlays) active command line which lets you build JS scripts on the fly. Features: -- Built in memory; stores assigned variables for you to be used later -- Colorful error message with details on what went wrong -- Namespaced to prevent (most) collisions with code you write and the running script -- HIDDEN EASTER EGG: Have fun with it :) How to use: Set variables: variable_name = function/value/object (don't use var in front of name) Use variables: Call the variable name directly (i.e. x*y) Use function: variable_name(arguments) Backspace key deletes, Enter executes line, functional shift for uppercase/alt-punctuation, arrows keys are symbol shortcuts (I claim feature :D) demo
source
original
tweet
Mark Rhodes 1010 A Lotto number picker - let the bugs decide! demo
source
original
tweet
satan 988 random world. click to start a fire. demo
source
original
tweet
yutt 821 Creates a cityscape. demo
source
original
tweet
Christian Krebs 992 The flying carpet. A little contemplative recreational experiment with the RGB color cube. Stops and resumes on any keydown. Best viewed in full screen mode. demo
source
original
tweet
Øyvind Smestad 1019 SVGMan, a simple PacMan inspired game in SVG. Use arrow keys to move. demo
source
original
tweet
vladmanea 134 Enhanced spiral, highly customizable (see full source for details). Has approx. 5 chars left for you to use for customizing the values :) The values of 1 and the red color yield to a rose. Other values may yield other shapes. demo
source
original
tweet
Matt Papi 1021 A match-three game, minus the jewels (and animations). Click two adjacent boxes to swap them, 3 or more of the same color in a row scores. demo
source
original
tweet
Tim Smith 1024 Renders a random 3D landscape with lighting & aerial perspective. Terrain is rendered by sampling over an infinite Perlinesque noise field and tracing contours over it. demo
source
original
tweet
Tobias Prinz 1023 Tagcloud driven by a simple 3D engine that features rotation matrices (x, y) and some simple camera translation. done without canvas. move your mouse. i set it up to run with 100 text items so that it runs quite smooth on older machines in FX. on newer machines and/or in chrome, sf and opera there are much more items possible. demo
source
original
tweet
Tom Hargreaves 142 Draws a sunflower head, in a tweet-sized 140 characters (142 bytes) demo
source
original
tweet
Arne 1024 1k Turismo - an old school arcade racer. Use arrow keys to steer. Final version includes a generated track with multiple laps, a mini map, a speedometer, a time counter and environments that change as you progress and the sun rises. demo
source
original
tweet
Dex 400 demo
source
original
tweet
Jonas Höglund 1023 Rainbow visual effect thingy. Click on it to go "fullscreen" (stretches canvas to screen edges). Update: Darn it, it helps to submit the correct code. Now actually "fullsceens" on canvas click. Update 2: Now also includes zoom effect thing. demo
source
original
tweet
Pogocsan Florin 139 Alternate squares, fits in a tweet :) demo
source
original
tweet
fazeaction 1011 2.5D flow field particle. Updated to 10K to 15K clipping points. Colorized particles. demo
source
original
tweet
benny schuetz 1021 b!zarre arts. A slideshow of some bizarre patterns. UPDATE V1.1 - Added a new FX 'Dark planet in front of bright sun' - Got rid of scrollbars - A lot of size optimization demo
source
original
tweet
nrkn 1024 Yellow vs. Red, a roguelike game. Movement with mouse. Enemies are red, health green, level exits black. Walls can be moved like sokoban. Gaining enough experience or clearing level gives you extra health. Reach level 10 to escape dungeon and win. It is a full game in that it has meaningful win and lose conditions, multiple levels that are different visually and in terms of gameplay, enemies with simulated combat and crude AI, character progression, a mixture of chance and strategy, sokoban-like puzzle elements, and a metric to determine how well/luckily you played the game. Random levels and enemy and item placement add replayability Final version. demo
source
original
tweet
Jim Wagner 1022 Interact to sculpt a poem demo
source
original
tweet
halcy 1016 Raymarcher, flying through a torus field and a cube field, alternately, smoothly blending between the two, with soundtrack, and a few bytes to spare. Potentially a bit heavy on the CPU. ;) Much thanks to WAHa_06x36 for the brilliant background music. demo
source
original
tweet
AlteredQualia 1024 Boom - a remake of '80s classic arcade game Kaboom! Catch bombs dropped by the Mad Bomber with three buckets. Move buckets with your mouse. When you miss a bomb, you lose a bucket. With time, bombs drop more frequently and Mad Bomber moves faster. How long can you survive? [For those familiar with the original, extra bucket bonus didn't fit in just by few bytes :(] Thanks to @cowboy for Packify. demo
source
original
tweet
Remco Veldkamp 972 /* WipeOut 1k */ A classic tunnel effect in bright colors, reminiscent of the old WipeOut game for the PS1 :-) Thanks to: Google for making the Closure Compiler, Microsoft for the Ajax Minifier, Aivo Paas for jscrush. Couldn't have done it w/o those brilliant tools! demo
source
original
tweet
Mathieu 'p01' Henri 1024 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 32x32 map with textured walls colored by orientation ( North, South, East, West ), fog, 3 transparent bitmap graphics in 8x8, 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
tweet
Daniel Muller 892 Shiny discs in 3d space demo
source
original
tweet
ONC 573 V2.1 : Added rotations (now 573 bytes) V2.0 : Now with a living dotted Torus ;-p in 558 bytes V1.1 : Now FF compatible but 13 bytes more long. V1.0 : Playing with ImageData to make a very simple changing color gradient that can be used as "background" for a logo Use 280b (2 tweets ;) ) but not FF compatible (FF need a width/height for the canvas) demo
source
original
tweet
Aurelien Saussay 1018 Falldown game, in 1K of javascript. Use the left and right arrow keys to control the ball and go through the holes until you hit the top of the screen. Reload the page to play again ! NB: If the game is too slow, downsize the browser window. demo
source
original
tweet
Jason Brown 1024 JSGrappler - You are a little pixel armed with a grapple cable, click to shoot it at the platforms, catch a platform to fling yourself higher. If you fall below the bottom (even while grappled-(feature :P)) you die. Just refresh to try again. Updated - You dont have to refresh when you die, and your high score is saved (until you leave the page) Can you get above the coveted 5000 mark? demo
source
original
tweet
Nathan Young 1020 pop the dom into bubbles then chase them with the mouse! Pointless fun! demo
source
original
tweet
Paul Brunt 1018 updated 3d particle system. demo
source
original
tweet
Christopher McKenzie 1017 Traditional, non-canvas coloring. demo
source
original
tweet
Óscar Toledo G. 1023 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
tweet
yent 955 (really) small 3d iso wire renderer thing demo
source
original
tweet
Viktor Kelemen 1024 Draws a fractal monster that you may find under your bed as well. demo
source
original
tweet
AlteredQualia 986 High resolution animated 3d balls with brushed surface shading and depth-of-field effect (all fake). Click on the screen to get different colors. Works best in Chrome and Opera. Try running it with different window sizes. Version 3: still trying to fix botched submission somewhere on the way 0x0B bytes get lost :( Version 2: fixed transparency in Safari made movement more dizzying Thanks to @aivopaas for jscrush. demo
updated
source
original
tweet
Jukka-Pekka Kekkonen 971 Old school terrain scroller. Moves infinitely above a randomly generated Earth-like terrain. V2: slight speed & size optimizations + hand-picked seed for the palette generation. demo
source
original
tweet
Ian Sullivan 822 A puddle simulator - click anywhere to make it rain. It is a simulation of the 2D wave equation: (http://en.wikipedia.org/wiki/Wave_equation). demo
source
original
tweet
Craig Sharkie 945 A poem for the dyslexically inclined or something to keep your right brain entity-ertained. And it comes complete with an acrostic and a numeric pun. demo
source
original
tweet
Jake Stothard 899 Simple sparkles with gravity. Click to generate sparkles. That is all 1.1: Remove scrollbar Reduce framerate Fewer bytes Improve colors and smaller sparkles demo
source
original
tweet
Mark de Jong 1024 An (text)sinescroller and 2d starfield inspired by old Amiga cracktro's which often came with cracked games in the early 1990's. V1.1 - added (scrolling) colorlines at the top and bottom - longer scrolltext demo
source
original
tweet
p4p4 1000 the nautilus raymarcher, adapted from http://www.iquilezles.org/apps/shadertoy keys: (click in first) 1/2 ambient intensity 3/4 z-scale 5/6 raymarch depth (expensive) 7/8 occlusion rate (expensive) 9/0 timer demo
source
original
tweet
Shah Pavel Jamal 1023 Procedural tree with shootings stars, night scene. demo
source
original
tweet
dmitrig01 1021 Move your player with the mouse, try to avoid the red dots, and the green dots give you (temporary) invulnerability. Your score is in the upper left hand corner. Based on Hakim El Hattab's Sinuous at http://www.hakim.se/experiments/html5/sinuous/01/ (vote for it at 10k apart: http://10k.aneventapart.com/Entry/83), with permission. Updated to work with Firefox and be much smaller. Second update to include trails. demo
source
original
tweet
Sjoerd Visscher 1024 Tetris As a bonus, there's the original Tetris tune in 3 channel audio. This works best in Safari and FF4. demo
source
original
tweet
Aki Jäntti 1024 Scientifically (not) very accurate cloud time-lapse simulation. It might take a while to load. Don't be alarmed. demo
source
original
tweet
Chris Richards 1023 Draws the Reddit Logo. :D demo
source
original
tweet
Vladimir Carrer 605 Simply puts the grid around the visual browser surface divided by 100px. demo
source
original
tweet
Pradheep Ravichandran 1024 This is a simple maze game. The algorithm chooses a random starting point and random directions and continues till it reaches any end of horizontal axis. Once a path is found, it fills other maze blocks with black or red color to confuse the user. The goal here is to traverse the green path within given time. This time limit is proportional to number of open/green blocks in the path. * Controls are arrow keys. * Users are allowed to traverse circular in the maze (For eg. pressing up key on the top of the maze field will take you to the bottom of the maze field) * Uncompressed version submitted below will have additional features like configuring the poolSize. (Removed them while compressing due to size limit). demo
source
original
tweet
Philip Linde 319 Simple bending ray demo effect in ASCII. demo
source
original
tweet
Marcus van Houdt 1024 A homage to the Amiga Boing Ball, inspired by http://www.youtube.com/watch?v=-ga41edXw3A . Original source included although already heavily adapted so that Google's closure minifier can have a go at it. Further hand edited for final byte savings. Thanks @aivopaas for some final byte savings that allowed for extra features at the cost of some performance. Seems to perform best in Safari, worst in Firefox. Version 1: Initial version Version 2: - smoothed ball - added camera pitch rotation - improved grid Version 3: - added perspective - removed pitch rotation, replaced with actual camera rotation - added bounce in x direction within x,y-plane Final Version: - fixed a bug - added JS1K scrolling text - added extra rotation of ball around x-axis demo
source
original
tweet
Scriptin 1012 CAR DRIVING SIMULATOR! Use arrow keys to drive. Driving is pointless, I just couldn't fit a track into 1k =) *fix for webkit browsers *a 'cloud' improved (Closure Compiler is not very effective compressor, so I could save a ~10 more bytes without any eval()) demo
source
original
tweet
Chris Morris 1024 An artillery duel modeled after Tank Wars. With a few necessary modifications, obviously. a/d = aim left or right space = fire demo
source
original
tweet
Tobias Schneider 1021 Simple Color Picker demo
source
original
tweet
TGGC/Bluflame 1016 3D walk through a metaball Landscape. Can either be watched or used interactively. Pressing mousebutton builds up a growing metaball, which can be moved around. demo
source
original
tweet
Ryan Day 1022 JS Piano - generates wav files on the client side. Play back or download a wav of last 10 keys pressed. PRESS KEYS on your keyboard to make the music happen: awsedftgyhuj http://github.com/soldair/jspiano audio is generated when you press each key. Expect a delay in opera on the first generation of each note. chrome does not support downloading data uris, long data uris, or wav files. I hope that my demo can bring to light some major blockers to client side file generation one of the best browsers on the market is contributing too. the File api as it is proposed DOES NOT solve this. demo
source
original
tweet
Patrick Walton 1020 Columns, the classic competitor to Tetris. Left and right arrow keys move; up cycles the order of the falling gems. Line up three matching colors in a row. Get combos and chains to score lots of points. demo
source
original
tweet
Paulo Falcao 1024 Raymarching using Distance Fields Fast on Chrome and Opera. Very slow on Firefox, eval() optimization problem? To run fast on Firefox change eval(X) at the end of the script to document.write("<script>",X,"<\/script>") After optimizing the code to decrease the usage of garbage collection, the speed gain on Firefox was huge, on Chrome was already fast without this optimization, but all this speed gain on Firefox was lost after using eval() for compression :( I also created my own script compression program to compress the code. The first version, was fixed frame rate using dynamic resolution change, very easy to do using this kind of stuff, but no space left in 1K to put that, so fixed resolution. I will release the webGL version, follow my twitter at http://twitter.com/paulofalcao ;) demo
source
original
tweet
Stuart Knightley 1018 A simple jumping game based on the popular Canabalt. Press any key to jump across the gaps between the buildings, hit the grey "air conditioning units" slow you down, and get as far as possible. demo
source
original
tweet
Óscar Toledo G. 1018 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. demo
source
original
tweet
Adis H 900 The script draws a tree 3D perspective projected "cubes". The code is based on a matrix-based projection calculation, but was simplified as much I thought possible. I first removed matrices out of the equation, then optimized the resulting functions as much as I could. Lastly, after closure was done, I manually minimized the code further. demo
source
original
tweet
Dan Newcome 861 Mandelbrot set fractal rendering with simple color cycling effect. Colorizes values contained in the actual set for a water droplet skin effect animation. demo
source
original
tweet
Premasagar Rose 963 ~ PHI ~ Creation and decay. Watch these bold, organic patterns build up and etch away over time. This visualisation uses the Golden Ratio, emerging from randomness, to determine the colour, position and intensity of its painted shapes and lines. Click and hold the mouse for a burst of fresh colour. Refresh the page for a random tone. Let it run and run, for an ever-changing display. Now 5% smaller... Blog post about this demo and the minification tricks used: http://dharmafly.com/js1k Golden Ratio: http://en.wikipedia.org/wiki/Golden_ratio Source code: http://github.com/premasagar/js1k/ demo
source
original
tweet
CmDev 1023 Realtime rotating zoom into the mandelbrot fractal. You will watch the flight though an peehole with a pulsating text underneath. Take some time to view real great images inside. The mandelbrot fractal will be calculated each rotation and directly converted into a base64 stream to get loaded as bmp image. Every rotation the next image will get precalculated and cached. Highly optimized for size and speed. Google's Closure Compiler will save a few bytes by inlining the calculation function, but this will dramatically decrease performance in firefox. demo
source
original
tweet
Anwerso 805 Yet another "screensaver" on canvas. demo
source
original
tweet
Mike Betten 1024 Shoot the Vs as they fall. Use the mouse to move and click to shoot. demo
source
original
tweet
John Smith 1023 Single octave piano. Wait for "Ready" to appear, then press Q,W,E,R,T,Y,U,I for the white notes (C,D,E,etc), and 2,3,5,6,7 for black notes (C#, D#, etc). A very simplistic version of a musical stave displays what you pressed. This uses WAV audio, so will be silent in Chrome, which doesn't support that audio format :-( demo
source
original
tweet
Max Lovenheim Irwin 1009 Square Chase - use your mouse to try and click the evading squares. demo
source
original
tweet
Andrew Vehlies 780 Bounces some boxes around and uses gravity. Original code (with by hand minification): 1021 lines, minified down to 781. demo
source
original
tweet
Jonathon Creenaune 1022 Jump your way to JS glory. Hold any key to jump / slow your fall. Run on platforms to increase your speed. Sprites are encoded as base64 strings. Uses a Park-Miller random number generator to replace javascript's unseedable one demo
source
original
tweet
davebee 1024 This demo try to mimic the 80's arcade game "STAR WARS", when Luke has to destroy the death star. It just mimmic the part where you should avoid the pipe. Controls: up/down arrow. Scoring: one point for each pipe miss. Use the force little Jedi ... note: On Opera, the keydown event is send only once, so key must be released and press again to move multiple times. demo
source
original
tweet
Blake Callens 1023 v1.2 of Missile Command like game. Score is now alerted before game restarts. Use mouse to aim and shoot. demo
source
original
tweet
Takacs Janos 1019 This is a turn based two player car race game. We used to play this on squared paper in school during math class :) Poke around with your mouse to see the possible next steps. Try to stay on the road. If you run off, you must slow down to 1 square/turn, and go back on the shortest way. Note: this rule is not enforced by the game because of the 1K limit... Hint: zoom out, press reload for a new level, zoom in, and race on a longer road. This is a browser dependent unintentional feature. Works in firefox and chrome, doesn't affect opera, and causes problems in safari. Changelog: 1.0 - first submission 1.1 - added start/finish line and road border 1.2 - safari bugfix demo
source
original
tweet
p4p4 992 grumpy gwrrrll. doesn't like 1k contests.. if you reload fast enough, she'll tell you!! ( 80 alpha rects by a genetic algo ~4000 gen. all compression handcrafted; - closure broke it! ) demo
updated
source
original
tweet
WAHa.06x36 1024 Pulsating plasma ball effect. demo
source
original
tweet
Luis Gonzalez 881 10 Unique Pixel Effects. Click to see them all. Based on formulas by Inigo Quilez. Crushed with http://www.iteral.com/jscrush/ demo
source
original
tweet
TotalDuke 1015 Blazing fire with rotating blurry js1k text. The old school fire effect! Internally a particle system with averagely 800 particles with independent speed, age, size, and cooling rates. demo
source
original
tweet
Ryan Sandor Richards 511 Graphics only demo featuring colorful meandering strands. demo
source
original
tweet
Sebastian 1017 A living ecosystem of plants and worms in flatland. (Use your browser's zoom function to magnify the world. Chrome or Opera recommended for best performance.) This is a remake of a simulation I wrote back in 1994 in assembler. At that time it was barely runnable on a '386 - amazing to see it again running at 25fps in a browser even on a modest P4. It is based on an extended cellular automaton, showing the dynamic interactions between growing and dividing plant cells which are food for never resting and multiplying worm cells. For details, take a look at the source and beware - watching may be addictive ;). demo
source
original
tweet
Kostas Symeonidis 951 Sit back, relax and enjoy one of the shapes of "3D Dissolve". This submission contains a full 3D engine completely rewritten in JavaScript from a Turbo-Pascal one which I wrote back in 1996. The points of the shell-like parametrical surface are fixed in 3D space, while the camera has three degrees of rotation freedom, "theta", "phi" and "roll" (distance of camera from (0,0,0) remains constant). demo
source
original
tweet
Particle Storm 969 Particle storm in the cubic universe demo
source
original
tweet
Aivo Paas 1024 Full-featured Tetris clone in 1K of JS + Arrow keys to move/rotate + Shows next block + Speed increases by levels + More lines = more points + Top list, prompts for name + New! Top list saved in browser Hand-packed heavily and then crushed with http://www.iteral.com/jscrush/ demo
source
original
tweet
Phil McCarthy 660 Simple water simulation based on cellular automata, with refraction and reflection rendering. Move mouse to make ripples. Fast in latest Chrome and Opera, slow in Safari 5, almost inert in Firefox 3.6. Algorithm from here: http://freespace.virgin.net/hugo.elias/graphics/x_water.htm demo
source
original
tweet
Eleasar 139 Morse code in a tweet ;) Enter your message at the prompt, an alert-Box shows the message combined with it's morse code representation. Only ASCII letters a..z/A..Z and german umlauts äöü/ÄÖÜ are supported, other characters ignored (resulting in an additional space in the output). Update of #533: shorter algorithm, so room left to support upper case, prevent "undefined" prompt message, include umlauts. demo
source
original
tweet
Felix Marin 975 We show a animated draw of a four corners Sierpinski polygon. It generalizes the usual Sierspinki triangle of fractal theory. demo
source
original
tweet
Ideal Machine 999 Television Simulator/Quine: A quine is a program that prints its own source code. However, that does *not* mean it is easy to read its printed output. Changelog: 1.2: Eighteen more bytes saved. The submission is now smaller than 1 kB, either way: 1000 B or 1024 B, your choice. 1.1: Reduced size by three bytes...how could I have missed something? Readable source code now included. 1.0: Initial release. Further information is available at the linked website. demo
source
original
tweet
Paul Mealy 1016 Animated color-shifting waves. demo
source
original
tweet
bga 1024 I see all competitors are making demos nicer and nicer, but my demo was just bump map of blurred letters :) After two days of work i have made realistic bump map/height map of blurred letters with per pixel raytraced shadow %) It based on Bresenham line algorithm modified for 3D space and collision detection with height map. Unfortunately it works very slow. I recommend lastest chrome to see demo. It minified manually %) because all js compressor give random names to variables, but cool http://www.iteral.com/jscrush/ requires a lot of patterns for best compression ratio. As the result - i compressed 8k to 1k with a lot of hacks. For example `maxHeight` was precomputed in compressed version, Bresenham algorithm was simplified, etc. demo
source
original
tweet
Alexandre Abreu 1020 Simple, quick and dirty "two 3D advancing planes" raytraced with a 4x4 grid. The depth is taken into account. Good speed using pretty much all browser's besides FF (haven't investigated why yet). demo
source
original
tweet
Peter van der Zee 1023 It's a Brainfuck interpreter, including mini-IDE. It's heavily hand-tuned and finalized with the Microsoft Ajax Minifier. Brainfuck is a turing language with 8 commands, <>[]+-,. which operate on a stack/ticker tape. Enter input on second line. Enter bf source in textarea. Code is your source and data is the stack value. S is the current data stack. Here's a hello world program: ++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.[,.] Wikipedia: http://en.wikipedia.org/wiki/Brainfuck More examples: http://esoteric.sange.fi/brainfuck/bf-source/prog/ This new version has a proper GUI thanks to the compression by jscrunch. It also allowed me to make it into what I originally designed: a meta-quine. The source can be used as an input program with (ok, almost) the same output. Some bugs were fixed, source indicator added, everything in pre, etc. Ohwell, back to life :p demo
source
original
tweet
Luis Toledo 1022 A simple breakout game. Featuring: - an awesome 4 colors pallete: white, gray, black, red - 9x7 blocks to break - aleatory initial ball position's - game reset on ball lost - block turns red, when the ball hits him - Powermode! hold <up> to break blocks without bounce I've try not to obfuscate the code and make some comments. It's still a little buggy on some collitions, but plays fine. Update 1.1: bigger blocks matrix and fix one collition bug demo
source
original
tweet
loot 1024 A mix between brick breaker and pinball, featuring super cool animated bumpers! Use L and R arrow keys to play. Actually any key will work for L! (its not a bug its a code-reducing "feature") The game levels change for every ~20 points you score. NEW Feature! Game now supports lives! Now when you level-up you get an extra life. Levels have different color schemes and slightly faster game speed. The score will slowly move up the screen as you score, try to get it all the way to the top. I bet you cant guess what happens when you do? Oh yeah and theres One More Thing® The game now supports touch events! There is a 100 pixel dragging area under the paddle for sliding your finger back and forth. Performs poorly on mobile Safari on iPhone 3G, esp. since its canvas text support is crap but its quite playable on my Evo with Android 2.2. Only oddity there is touch events lock the browser and you need to hit the menu button to unlock the browser to play. Oh well it works.Also fixed some bugs. demo
source
original
tweet
cody s 1000 This is a fish/bird flocking algorithm. The three weighted rules are, repel, attract, and follow neighbors. The area for repulsion is very close to the bird. The area for attraction is big, and the area for follow is even bigger, usually. demo
source
original
tweet
Gabor Turi 1022 Mandelbrot set with colors demo
source
original
tweet
n3wjack 988 It's all about the code. This script uses it's own code to supply the visuals. How cool is that? demo
source
original
tweet
cody 895 Virtual Ants demo
updated
source
original
tweet
Yoyofr 1023 Updated version of my mandelbrot zoomer : you can now specify the zoom depth (2^choice), the window size in pixels (square) & the zoom coordinates. Firefox 4 gives best result in terms of speed. demo
source
original
tweet
Adam 1008 Particles in liquid. Give your mouse a swirl and try a click. Thanks http://www.spielzeugz.de/html5/liquid-particles.html and @luis2048 for help minifying demo
source
original
tweet
Marijn Haverbeke 1023 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
tweet
Paul Nicholls 1024 ASCII-Art Mandelbrot explorer, ported from T-SQL to JavaScript and then compressed to 1K demo
source
original
tweet
João Eiras 1016 Tetris game as close as possible to the original one. Ascii representation of pieces. Use arrows to play, allows dropping pieces with down. Lacks "game over" message due to size limit. No sound track sadly, that's for js2k. demo
source
original
tweet
Kostas Michalopoulos 1019 Its *Super Black Sphere Avoider 2D!* :-) Basically a side scrolling game where you control the red sphere (in 2D) and try to avoid the black spheres (in 2D) which come from the right edge of the game field. Occasionally some of the black spheres (in 2D) start going faster and you have to avoid them (so try to not be very close in front of them). Your score increases while you stay alive *and* while you move vertically (so your score will be greater if you move around instead of staying at the same, potentially safe but ultra boring, place). To control your sphere just move the mouse around. While the screen fades in collisions do not register so make sure that you're not over any black sphere before the screen fully fades! EDIT: bugfix :-P demo
source
original
tweet
Ben van Enckevort 1022 Rain generator. Click to pin umbrella, any key to restart simulation. demo
source
original
tweet
Scriptin 988 supposed to be a simulation of flight through illuminated tunnel =) demo
updated
source
original
tweet
Mathieu 'p01' Henri 139 tweet-sized entry: Embossed Mandelbrot Fractal rendered onto an HTML5 Canvas element demo
updated
source
original
tweet
Howard Yeend 134 cave updated again to fix reported firefox hang with setInterval(foo(),1); Also includes the globalAlpha fix as chrome won't allow <0.01 and Opera won't allow <0.1 :( demo
source
original
tweet
Pinhas 140 Cesar cipher (http://en.wikipedia.org/wiki/Caesar_cipher) encryption and decryption. Handles lower case letters a..z only. Any other character will be replaced by a space. For decryption enter the key as a negative number. Based on Eleasar's morse encoder (http://js1k.com/1/demos#id533) demo
source
original
tweet
Lars Rönnbäck 1016 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
tweet
Pa7 140 This app encrypts a text (userinput) into a picture containing just alpha values which represent single characters. Decrypt by reading pixelwise and creating strings from charactercodes. E.g. you could encrypt code into an image, decrypt it in your frontend and eval the decrypted code. - The last improvement of this demo: now it has 140 chars instead of 141 demo
source
original
tweet
Jonas Höglund 1021 Just some flying particles, aiming for a certain point. Default is center of canvas, but if you hover over it, they'll follow the mouse. Sadly, the hover part doesn't work in Firefox (yet). :| demo
updated
source
original
tweet
Heyscore 1024 3D Heyscore Pong demo
source
original
tweet
Alex Kloss 138 Rohrschach - a sort of reduced spirograph in 138 bytes move the mouse slowly over the canvas to see the effect If you fold over the 45° diagonal, you can reduce the source to only 129 bytes: document.body.children[0].onmousemove=function(e){(C=this.getContext('2d'))[r='fillRect'](x=e.pageX,y=e.pageY,2,2);C[r](y,x,2,2)} demo
source
original
tweet
Howard Yeend 140 Another tweetable entry! This one really is stained glass :) demo
updated
source
original
tweet
iamtef 1024 a zooming mandelbrot viewer click to zoom and to centre use the scroll wheel to zoom or use up and down to zoom it starts off blocky, but the rendering is gradually improved. (underneath it uses a series of hilbert curves to draw at increasingly higher resolutions) demo
source
original
tweet
Ziling Zhao 1011 Snow flakes in a vector field. Wind happens about once every 10 seconds, wind reset after each wind occurs. demo
source
original
tweet
Steve Guidetti 962 Lots of bouncy balls. Move the mouse and nearby balls will follow. Click and all the balls follow. Update: Reduced size by 55 bytes demo
source
original
tweet
Yuri Ivatchkocitch 1024 Colorful Wavy Waves. Uses a trigonometric functions to draw shapes on screen. Click to randomize functions. Closure compiler reduced 55% of the original code. == update == Reduced from 818 to 776 bytes... 5% less. See how the original script works @ https://sites.google.com/site/holycaffeine/home/caffeine-consequences/wavywavesjs1k-howitwork == update == Reduced from 776 to 661 bytes... 14% less =D Intense manual work. == update == Reduced to 650 with manual improvements http://sites.google.com/site/holycaffeine/home/caffeine-consequences/javascriptmicrofication == update == Used the remaining bytes to create new formulas - total of 13. It can generate 676 different patterns (if I still remember combinatorics). demo
source
original
tweet
AlteredQualia 1020 High resolution animated 3d balls with brushed surface shading and depth-of-field effect (all fake). Click on the screen to get different colors. Works best in Chrome and Opera. Try running it full screen. This is a new demo, replacing my previous submission. demo
updated
source
original
tweet
Tolito 1012 A simple version of Breakout/Arcanoid/etc... move with the cursor arrows. demo
source
original
tweet
Piers Goodhew 1022 V 1.2 of sketch/paint app (I call it "mi canvas es su canvas") Now with: more visible canvas! draw with mouse in the larger box, your brush is shown in the smaller box. The top row of buttons are your "tools" - P: paint, E: erase (just paints in white); Clr: clear the whole canvas, Z: undo (1 level only). Second row of buttons change the colour (RGB±) and brush size (L±) See source for notes, which points to earlier sources which were more elegant but not so efficient. tested on S, C and F demo
source
original
tweet
Matthieu 1021 Little game : Try to keep the blue ball in the air by clicking on it. Counter restart every time the ball touches the bottom. Best score is saved. demo
source
original
tweet
Howard Yeend 138 Rot13 in a tweet - now shorter, and with more functionality! demo
updated
source
original
tweet
Luis Gonzalez 953 A rotating 3D computer wireframe v2. Features: - CPU, Keyboard and Monitor - 3D Text that displays solid filled "JS1K" on the monitor - browser scaling and auto-centering demo
updated
source
original
tweet
Stephan Seidt 832 http://motherfuckinglasers.com/ done in canvas + animation demo
source
original
tweet
strager - jazzyb 204 Tried to get something really interesting in 140 bytes. I wasn't successful, but I kept compressing the effect to what it is now. Enjoy. Note that I performed *all* packing manually. Packers don't work with my code. It's just too good. =[ I hope others benefit from the various tricks I've used. I'm writing up a post on my blag containing the tricks I used (and more!). demo
source
original
tweet
Jason Brown 1020 To replace my previous vomit inducing demo, this one generates a cellular texture, which changes color and moves around. Larger windows have performance issues when using Firefox. demo
updated
source
original
tweet
Yoyofr 1014 Final version of this wave/rubber fx : added 'elastic' like fx and better lightning. However, I had to simplify a bit the waves fx to match the 1024 bytes limit... demo
updated
source
original
tweet
hyperandroid 1022 Nightly view of my garden grass animated by mild wind. Now there are some fireflies messing around, and the sky is animated. demo
source
original
tweet
Peter Liepa 1020 A goofy doodler that is evocative of contrails, bubbles, intestines. Use your mouse, experiment with stroke speed and shape. A few keyboard shortcuts to vary the experience: 'spacebar' - pause/resume the zoom 'm' - toggle between single- and multi-brush 's' - snapshot to a PNG file (in a new tab/window) demo
updated
source
original
tweet
Martin Kaesberger 1017 bouncing balls which explode after a while. for those exploded new balls appear after a while. demo
source
original
tweet
Howard Yeend 140 Tweet-sized blocks of colour. Colour choosing technique lifted from http://js1k.com/1/demo/230 ;) 140 bytes including #js1k hashtag! woop woop! demo
updated
source
original
tweet
Howard Yeend 713 A simple AllRGB entry in 1k. Generates an image containing every possible RGB colour. Draws onto the canvas using every single RGB colour, 4096x4096px, 16777216 colours; see allrgb.com for the general idea. This is a port of my PHP entry to allrgb - http://allrgb.com/grid-one It's very basic, but fun. Slow in safari, but it works. Fastest in Opera then Chrome. Best in firefox as you can save the canvas as an image and check it's got all the colours in gimp (Colors->Info->Colorcube analysis). demo
updated
source
original
tweet
Alex Boone 1003 Play a game of draw poker. Use 1-5 number keys to choose which card(s) to discard, "Enter" to draw. P=pair, 2P=two pair, 3=three of a kind, S=straight, F=flush, FH=full house, SF=straight flush, RF=royal flush demo
source
original
tweet
Fireworks 673 demo
source
original
tweet
Stephen Cunliffe 969 A 52 Card Pickup game gone wild! An infinite number of cards scatter on the table for pickup. demo
source
original
tweet
Yoyofr 1024 Another Mandelbrot fractal stuff, but this time with 'realtime' zoom. A bit slow to start, but after having clicked on the spot you want to zoom, will zoom smoothly from x1 to x65536. 1024bytes limit was hard to reach! demo
updated
source
original
tweet
Stefan Trenkel 837 'Der springende Punkt' is here. demo
source
original
tweet
Stefan Schneider-Kennedy 140 Generates interesting JS1K logos (in a tweet!). Updated with a more interesting shape, and decoupled the position from the shape (I could spare the bytes). Other interesting variations can be generated by changing the rotate parameter, or the number of rotations. The following rotate arguments make nice shapes: 33,34.2,37,37,45,49,54,55,57,59,66 or 67. demo
source
original
tweet
Egon Elbre 994 Draws some pretty images slowly. It starts running in low-res mode. For better resolution enter as url: "javascript:R(1000000,.9)". The first parameter is particle count and the second is timestep. It takes time to render so be patient. demo
source
original
tweet
Martin Rohrmeier 1003 The poor progammer's 2D physics engine. Push lazy balls around with bustling mouse movements. Update: color. click to add more balls (too much might slow down the simulation). reduced size. demo
source
original
tweet
Ron MacMuhu 1017 EAN-13/UPC barcode renderer Creates the popular barcodes, that are used to identify many products. Enter a 13-digit number in the input field - the 'application' draws the code. It even has a non-interactive mode, which makes this piece of JS really useful for embedding, i.e. in printable HTML: just append a http parameter to the URL, for example '?ean=4002051684617' (without the ') and you get only the result without the input field. Try it and copy-and-paste the example to the end of the address string in your browser window. Update: set code to 0 when non-digits are entered demo
source
original
tweet
Arne 1023 SameGame(http://en.wikipedia.org/wiki/SameGame) The goal is to remove as many blocks as possible. Displays score and persistent high score. Click to start a new game. Update: Fixed 3 bugs, added bigger board and game over screen. demo
updated
source
original
tweet
Yoyofr 1021 Final version (at least I hope...) : reduced a bit more code size so black background is again available (looks better...) demo
updated
source
original
tweet
Christopher Abad 1022 It's a simple 8-bar tracker that generates on-the-fly mixing & generation of WAV files composed of multi-note bars at 4000/16/1. Click boxes to enable those notes. The scale I used was Db,D,E,F,G,A,Bb,D demo
source
original
tweet
migerh 1024 a simple 2d function plotter. you can use some functions and constants like sin, cos, pow, ... (see demo itself). primitive x- and y-axes are drawn, you can even change the viewport. demo
source
original
tweet
Nate Sigrist 880 Simulates the collision of 700 balls with conservation of momentum. The ball's mass is relative to its radius. demo
source
original
tweet
Petar 892 Graphic representation of bubble sort x-axis represents position in the array and y-axis represents the value at that position array contains numbers from 0 to 80 randomly disseminated and then sort descending demo
source
original
tweet
spirit23 1020 Whirling lines based on my old screensaver program: http://sourceforge.net/projects/win32scr/ demo
source
original
tweet
Luis Gonzalez 1017 A rotating 3D computer wireframe. Features: - CPU, Keyboard and Monitor - 3D Text that displays "1K" on the monitor - browser scaling and auto-centering demo
updated
source
original
tweet
kadir pekel 1022 Simple fun game aka Same Game updates * improved gameplay * improved algorithm * nicer colors from kuler * 3d hover effect demo
source
original
tweet
Makram Saleh 1014 A (very) simple number encryption/decryption. demo
source
original
tweet
Dawid Kubiak 849 polarity on text demo
source
original
tweet
Andy Polhill 1024 Its the arcade classic BreakOut! Use cursor arrows to move the paddle. Beat your top score. demo
source
original
tweet
spirit 1024 random whirling lines base on my old screensaver code http://sourceforge.net/projects/win32scr/ demo
updated
source
original
tweet
Guillaume Bort 1024 Colored isometric 3d objects that bounce on mouse over. demo
source
original
tweet
Florian Bösch 1021 The usual flying dots under gravity with color and size variation. The kicker's in the compression. demo
source
original
tweet
rwbg 1012 trippy metaballs really nothing fancy demo
source
original
tweet
Eleasar 140 Morse code in a tweet ;) Enter your message at the prompt, an alert-Box shows the message combined with it's morse code representation. Only characters a..z (lowercase ASCII letters) are allowed, other characters ignored (resulting in an additional space in the output). demo
updated
source
original
tweet
fanks 1012 Your friend went to Stockholm for a vacation and you are in charge of keeping your mates fish alive. Click to feed! demo
source
original
tweet
Guy Frost / DESiRE 1017 Im/exploding particle logo with scrolltext. demo
source
original
tweet
Mr Speaker 1024 10 PRINT"1K SHOULD BE ENOUGH FOR ANYBODY" 20 GOTO 10 RUN demo
source
original
tweet
Nick 1014 A recreation of the Laughing Man from ghost In the shell, Updated to use the proper font. (If in linux make sure you have the msttcorefonts package installed.) demo
source
original
tweet
Nick 1014 A replication of the Laughing man from Ghost in the Shell. demo
updated
source
original
tweet
razorwolf 1023 An updated copy of the windows Mystify screensaver demo
source
original
tweet
Ideal Machine 1020 Television Simulator/Quine: A quine is a program that prints its own source code. However, that does *not* mean it is easy to read its printed output. Further information is available at the linked website. demo
updated
source
original
tweet
blaznyoght 1013 Butterflies... When prompted, type in a value around 500 if you want something nice. demo
source
original
tweet
blaznyoght 1005 Butterflies demo
updated
source
original
tweet
nic 140 My old broken TV, grayscale again, in a tweet :) demo
source
original
tweet
Guy Frost / DESiRE 752 Im/exploding particle logo demo
updated
source
original
tweet
Luhr Løvdahl 892 Visualizations of iterations of candidates (along a random straight line) for Julia sets defined by the quadratic polynomials. * Press any key to toggle fading effect. * Click the screen to select the starting point of the random straight line. The direction of the line is random, so clicking the same point twice will not necessarily produce the same result. demo
source
original
tweet
Guy Frost / DESiRE 798 Exploding/imploding particle logo. demo
updated
source
original
tweet
Marcus van Houdt 1020 The Amiga boing ball, as seen here http://www.youtube.com/watch?v=-ga41edXw3A, although this time in actual 3D: a camera rotation instead of a palette rotation. 1k is much less than I thought! Original source is already adapted so that the Google closure minifier can have a go at it, but it may be useful. demo
updated
source
original
tweet
Nate Sigrist 880 simulation of collisions of 700 balls with conservation of momentum. The radius of the ball is it's mass. demo
updated
source
original
tweet
H. Lacherstorfer 1023 Minesweeper. Fixed height+length. Approx. 10-15 mines hidden. No timer. If you click on mine you loose (red cell) and gameboard is revealed. If you click on mine-free cell, this cell is colored green and showing number of mines in the surroundings + any cell with count 0 nearby will be revealed automatically. Final compressing done with: http://closure-compiler.appspot.com/home demo
source
original
tweet
Daniel 703 Polygon packer demo
source
original
tweet
Nick 975 A recreation of the Laughing Man from Ghost In the Shell demo
updated
source
original
tweet
Kyle Simpson 1024 A #js1k script compressor, used on its own source code to get it to exactly 1024b! Make sure you submit only minified script code. If the compressor can't make it smaller, you'll get your original back out. Otherwise, you'll get the smaller code, and the new size in bytes. Since this compressor uses only low-order (ASCII 1-31) bytes for character substitution, the output length in characters will be the size in bytes (no Unicode/multi-byte extended characters). In some cases, you will hinder the compressor's techniques by doing some traditional minifier-friendly optimizations (like setting up short alias variables, etc). Best bet is to avoid such tricks for now, write normal code, minify it, then try to compress here and see if it helps. Odds are you'll squeeze maybe ~50-90b more out of your code before submission, which might be just what some of you need. :) Credit where due: Inspired (aka, blind reverse-engineered) from @aivopaas' Tetris #js1k submission -- just figured out (sort of) how that compression was done and tried to do basically the same thing (sort of). Disclaimer: This compressor should work on most code, but it's rough, so make sure to thoroughly test! demo
source
original
tweet
Simon Key 1024 Conway's Game Of Life, the classic cellular automaton. demo
source
original
tweet
Mr Speaker 1024 10 PRINT"1K SHOULD BE ENOUGH FOR ANYBODY" 20 GOTO 10 RUN demo
updated
source
original
tweet
Frederic Cambus 322 A visual representation of a stripped-down bubble sort algorithm producing diagonal lines pattern. Total size : 323 bytes. demo
source
original
tweet
Paul Brunt 994 Interactive 3D landscape, use mouse and keyboard to navigate demo
updated
source
original
tweet
Román Cortés 1022 3D Text - Update for wrong code pasted demo
source
original
tweet
razorwolf 1015 A clone of the windows Mystify screensaver demo
updated
source
original
tweet
Phil McCarthy 686 Simple water simulation based on cellular automata. Move mouse to make ripples. Fast in latest Chrome and Opera, slow in Safari 5, almost inert in Firefox 3.6. demo
updated
source
original
tweet
p4p4 964 303/bassline. click the rects to detune.. demo
updated
source
original
tweet
Frederick Polgardy 1020 Eliminate the blue pieces by clicking anywhere on the board. 8 : 50 isn't the time - it means you have 8 moves to clear all 50 pieces. 0.2: added divs to table cells to correct height in FF/O 0.1: initial submission demo
source
original
tweet
Román Cortés 1022 3D Text - Raycasting, accelerated by subsampling and a distance field. demo
updated
source
original
tweet
Hayato Araki 1023 shooting game (trying to be) similar to the classic Asteroids. use ArrowKeys to move and SPACE to fire. demo
source
original
tweet
Frederick Polgardy 1021 Clear away the blue squares by clicking anywhere on the board. demo
updated
source
original
tweet
GMChicken 1024 Random shape generator. Exactly 1KB! demo
source
original
tweet
Noah Larsen 763 Randomly generates color boxes. Each click on canvas uses the x and y position to determine rgb color range of the boxes and background. demo
source
original
tweet
GMChicken 1024 Random shape generator. 1K exactly. demo
updated
source
original
tweet
Martijn Hermans 1022 A 3d water simulation based on an assignment i once had to optimize for a course. Reading my original reference is a lot easier than figuring out what it does http://freespace.virgin.net/hugo.elias/graphics/x_water.htm Polygons are shaded based on highest vertex Push any key for wireframe/shaded mode demo
source
original
tweet
Rauri Rochford 1018 Bunch of cubes move in and out randomly. demo
source
original
tweet
Zach Carter 1000 Avalanche! Don't goof. demo
updated
source
original
tweet
Remy Sharp 1023 Allows you to run the Flash ActionScript tweetcoding demos that focused on graphics based demos - but on a canvas. Copy and paste examples from the follow url to see ActionScript render right before your eyes: http://machine501.com/tweetcoding/ Mind boggling baby O_o Note that I'm also judging so I obviously wouldn't expect to see this demo included in the judging (not that it's as good as so many of the awesome demos I've seen so far) - just did it for kicks :) demo
source
original
tweet
Christian Krebs 1014 The flying carpet. A little contemplative recreational experiment with the RGB color cube. Stops and resumes on click. Best viewed in full screen mode. demo
updated
source
original
tweet
Yuri Ivatchkovitch 776 Colorful Wavy Waves. Uses a trigonometric functions to draw shapes on screen. Click to randomize functions. Closure compiler reduced 55% of the original code. == update == Reduced from 818 to 776 bytes... 5% less. See how the original script works @ https://sites.google.com/site/holycaffeine/home/caffeine-consequences/wavywavesjs1k-howitworks demo
updated
source
original
tweet
Arne 1023 SameGame(http://en.wikipedia.org/wiki/SameGame) The goal is to remove many blocks as possible. Displays total and score of last move. Click to start a new game. Now features a cleaner interface and a high score using localStorage. demo
updated
source
original
tweet
Dustin Silverman 1007 Initially an attempt to recreate Battlezone in javascript, then cut down to a simple first person engine to keep it under 1k. With the latest update it has been turned into a bit of a game, try to get the fastest time eliminating all the pyramids. Use arrow keys to move, spacebar to shoot. Thanks to Vincent Gable (vincentgable.com) for helping me get the code small enough that I was able to add in the shooting and game code. demo
source
original
tweet
bradleymeck 139 Click on the @ to make it change speeds! new: Lower the speed max by 1/2, chrome url compatible (cut an paste source to address bar of Chrome), wont overflow anymore (at cost of being 64% screen width), 1 char less! demo
source
original
tweet
nrkn 1016 Maze-CAD program for villains. Design your maze then watch a simulated hero navigate it. Try to make your maze as long as possible, and after each round it will tell you the score for the last round along with your best score. Click to toggle walls, click the entrance to clear the maze and the exit to run the hero through. It won't let you build impassable maps. I have a number that I think is the highest possible score, if you get what you think is a good score please tweet a screen cap with #js1kmazecad and I'll let you know if you've matched or beaten that number :) Started off as tower defense but ran out of bytes, will keep trying but quite fun as is. Features a pathfinder which is ~486 bytes when packed. FIXED: mouse handling was off due to frame having 0 margins demo
updated
source
original
tweet
NickyOne 865 Generate 600 divs and make simples ondulations... demo
source
original
tweet
Joeri Sebrechts 1013 Side-scrolling fighter game. Arrow keys move, space fires. Second version now has more of a retro look (and fixes some bugs). demo
source
original
tweet
Luhr Løvdahl 783 demo
updated
source
original
tweet
Michal Hantl 140 It's raining cash demo
source
original
tweet
sacah 1014 Raycasting maze, use arrow keys, Up/Left/Right to move. Now with colors. demo
source
original
tweet
nod 607 JS implementation of the one-led clock : http://www.opengpstracker.org/one-led-clock.html Great for nearsighted with insomnia. now with satisfactory code :) demo
source
original
tweet
Paul Hammond 640 An implementation of the cellular automata Langton's Ant: . If the current square is white turn left. . If the square is black, turn right. . Flip the square. . Move forward. . Repeat. Click to start. This is a reworked version of my 5k contest entry from 2001 but 4245 bytes smaller. demo
source
original
tweet
Lindsay Evans 691 "If a million* monkeys^ sit at a million* pixels and randomly change them, they will eventually produce the Mona Lisa." Randomly changes pixels in the hope of producing art. Built after a drunken conversation with colleagues, as most good things are. * Actually 307200 ^ Not really monkeys demo
source
original
tweet
TuringMachine 1022 Machine in a machine - Turing Machine Implementation. This implementation supports any N-states, 3-symbols (or less symbols for that matter) Turing Machines. Click "Go" to restart the simulation. Change the Tape symbols in field "T", or change the Rules in the filed "R". Some details: You can specify the rules for the machine in the "R" input text. The tape is populated with random values at load, but the symbols an be changed in the "T" input text. To restart the simulation with the values in the inputs, click on the "Go" button. As an example, the Machine is 2-state,3-symbols machine - "Rule 110" or the smallest Universal Turing Machine known. Of course, you can "re-program" the machine to do other stuff - here is an example of 4-state,2-symbols busy-beaver: In the "T" field enter 0,0,0,0,4,0,0,0,0,0,0,0 and enter this for the rules ("R" field): [[[1,'r',1],[1,'l',0],[1,'r','H'],[1,'r',3]],[[1,'l',1],[0,'l',2],[1,'l',3],[0,'r',0]]] and click Go. A couple notes on how the machine works: The Tape - (field "T")you can enter only 0,1 or 2 for the symbols (this is a max 3-symbols machine, but hey - everything an be represented in binary :P. If you want to specify the position of the tape head, increase the value of the symbol in that cell by 4 (like this: 0,0,1,4,0,2 - the actual value of the symbol '4' is '0'). The Rules: (Field "R") - the rules are JavaScript arrays: first-level array contains the rules for each symbol; second-level arrays contain the rules for each state. Here is where you can specify what the machine can do. For example for a machine with 1 state and 1 symbol - here are the rules: [ [ [symbol, where_to_move, next_state] ] ] symbol - any of 0,1 or 2 (+4 if the tape head is positioned here) where_to_move - 'r' for right, 'l' for left or '' to don't move next_state - values between 0 and the number of states minus 1 (optionally you an put 'H' for HALT) demo
source
original
tweet
ponce 1023 Kaleidoscope, hypnoglow, feedback. demo
source
original
tweet
Pavel Bakhilau 924 Pixel Painter game. Click on the colors at the bottom to 'fill' the top left pixel (and others like it) with that color. You have a limited number of moves to paint the entire board. It's very addictive! Enjoy. demo
source
original
tweet
Dan Nye 1020 An homage to the 8-bit Atari version of Boing (http://www.youtube.com/watch?v=bhBzmnH_fRQ). Update: given I had 12 bytes to spare, I thought it would be nicer to break it down into a few lines for legibility (!): line 1 = variable declarations, line 2 = set up ball data, line 3 = set up canvas, line 4 = render, line 5 = go. I've also added the uncompressed source so people can see what it looked like before, and get a better understanding of how I compressed it down. demo
source
original
tweet
"Cowboy" Ben Alman 1024 Organ1k, "An organic play of color that will hopefully keep you staring endlessly." Just sit back and watch or interact with the mouse! Read all about the concept and byte-saving techniques used at http://bit.ly/Organ1k demo
source
original
tweet
Jonathan Brodsky 951 lookup table based displacement. borrows heavily from other prods here, got the lookup math here: http://openprocessing.org/visuals/?visualID=3624 had an unexpected token in my last submission. demo
source
original
tweet
ChAdams 1023 ~ ALIEN MIND TRAP ~ A plasma based recursive mosaic. UPDATE: Sacrificed a little detail for speed. Runs equally, and well on all browers (on this 2.6GHZ duel core). demo
source
original
tweet
robofarm 1022 Pixel duel. First, I wanted to create a sea battle, but the aircraft carrier does not fit in 1k. So, I reduced the Gfx to simple Pixels. Use your Imagination. :) You control the yellow Pixel with the mouse pointer. Click the left mouse button to launch a missile towards the current mouse pointer location. Try to hit the enemy. demo
source
original
tweet
Livingston Samuel 935 Creates a grid of squares that animates colors as the mouse moves. demo
source
original
tweet
0x00 834 some sort of a cellular automata. demo
source
original
tweet
Adam Antók 1016 Sticker ABC. Drag the upper-left corner to reveal the next sticker. v2: Minor changes (mouse coordinates corrected, dimensions, timing) demo
source
original
tweet
Christian Krebs 735 The flying carpet. A little contemplative recreational experiment with the RGB color cube. demo
source
original
tweet
Alex Epifano 1005 A 3d cloth simulation. Interact with it! Drag it! Fun! Controls: Drag: mouse Gravity (toggle): g Pin (hold point in place): press and hold any character (other than g), select a point with the mouse, manipulate point, release point, release key; See http://www.andrew-hoyer.com/experiments/cloth demo
source
original
tweet
Dawid Kubiak 984 kaleidoscope UPDATE: reduced size and added mouse interaction demo
updated
source
original
tweet
ewoudj 1022 Collection of old school effects (sinus scroller, raster lines, starfield, etc.). This marks my return to the demo scene after a 22 year hiatus. :D demo
source
original
tweet
Jotamaza 1018 A simple old-style PONG game. Pad size changes as you scores to level the game. Wins the first that gets without pad. Player 1 keys: A/Z Player 2 keys: K/M Includes a small revenge Easter Egg. demo
source
original
tweet
GregT 1016 Rorating cube - small update. No scale/pulse and motion blur but fixed height and dynamic shadows demo
source
original
tweet
proppy 1024 Ferris wheel, now with blue sky and clouds. demo
source
original
tweet
Eneko Alonso 351 The Sun demo
source
original
tweet
Kyle Simpson 1024 A web page screensaver, able to transparently overlay any page if a user leaves their computer idle for too long. Makes for a great easter-egg on an otherwise boring site. Idle for a few seconds, watch it come alive right over the top of the page/text! Press any key or use the mouse, and the screensaver hides and the page is restored. Even try resizing the window while the screensaver is running. demo
updated
source
original
tweet
Pat Cullen 1024 An interactive 8 Bit Adder. - Click on the top red blocks to change the input. - Due to the circuit design, the numbers are read back-to-front. - Was going to be a circuit builder with drag-and-drop et al, but alas, ran out of bytes far to quickly. Version 2: - Fixed mouse click bug; Clicking blocks didn't work. - Another 5 hours trying to repack... if only this was 1.2kjs! demo
source
original
tweet
Bri Lance 1024 Two swarms of fireflies chase each other around. The same flocking algorithm is used on individual fireflies and on the swarms themselves. demo
source
original
tweet
Roy F. Dvorak 850 Random Walk version 1.4. Generate a random number from 0 to .999999. When the number is 0 to .2500 move right; from .2501 to .5000 move down; from .5001 to .7500 move left; .7501 or greater move up; The random numbers and value checks are in a function that is the first argument to setInterval. The interval is 30 milliseconds. Increase this value to slow the walk. The canvas is 640 x 480 and is "divided" into blocks that are 7.5 pixels square. Each direction is also associated with a color that becomes the background color of that square. So, move down and the square is colored green. The walk starts at midpoint of the canvas and stops when the walk gets to an edge of the canvas. When the walk stops, the time is registered in the upper left corner of the canvas. demo
source
original
tweet
Paul Brunt 985 3d particle system with text and reflections demo
updated
source
original
tweet
Chris Francis 1024 "Formula 1K" - a racing simulation. Experience the adrenaline rush of sheer horse-power and blistering speed. Use the arrow keys to drive: Up - accelerate Left/Right - steer NO BRAKES! :O Unimplemented features include: - AI players! - Choose your vehicle! - Choose your racetrack! - Lap timers! - Amazing graphics! - Physics! - Sound! - Gameplay! - And much more! Featuring secret bonus mode "sporadically broken steering column" (Opera only)! demo
source
original
tweet
Scott Ellis 1023 Draws a '3d fractal' using quaternions for rotation. demo
source
original
tweet
Dean C. Forrest 1019 TB-303 Emulator, tweak the JSON, hit OK and your acid line will be rendered to an audio tag, turn up your volume and hit play :) CHROME DOESNT SUPPORT PCM/WAV PLAYBACK: right click the audio tag and click save as. Load the Wav into a player or audio program to listen. GUIDE: {"a":[[BPM],[Note Frequency,Cut-Off,Resonance(backwards),Slide,Accent,Note Length]]} BPM: Int: 30 - 4000 Note Frequency: Float: -3.00 - 3.00 Cut-Off: Float: 0.0100 - 0.9 Resonance: Float: 0.7 - 0.01 (backwards) Slide: Int: 0 (off) - 1 (on) Accent: Int: 0 (off) - 1 (on) Note Length: Float: 0.9998 - 0.99998 These are just suggested values please experiment. Maybe check your JSON with a validator first. Editor note: Moved example to "original" page. demo
source
original
tweet
Pedro Cardoso 1021 var desc; if (navigator.userAgent.match(/Chrome/) { Desc = "Music sheet animation."; } else { Desc = "Sound synthesis experiment with some visuals to keep things interesting."; } The tunes are in Nokia composer ringtone format. You can use others, just go to http://4d34.sl.pt and change the string in the call to M(). The tempo may be wrong, but I had to squeeze a lot in here, don't be picky. Chrome has a bug where it won't play files specified in data URIs, like the Metronome entry, consider the audio an extra :) demo
source
original
tweet
Nikhil Marathe 1006 An implementation of Substrate (http://complexification.net/gallery/machines/substrate/) demo
source
original
tweet
Garret Kelly 990 Animated unshaded raytracer. Renders an animated ring of spheres against a shaded background. demo
source
original
tweet
codenamuser 515 Triangle fire, which follows the mouse.... demo
source
original
tweet
PN 1018 Sim Ci- I mean... CitySim1k! It's a city planner game that lets you build cities. There are four types of buildings: Houses(Blue): It's a house for people! Likes parks & commerce, dislikes industry close to home Commerce(Red): It's a store! Likes houses nearby and parks. Parks(Green): It's a park! Everyone loves them but they cost money every turn. Industry(Yellow): It's a place where people work! Likes houses since they contain people that can work. If a block in the grid has enough stuff they like around them someone will build a house there and that will bring you taxes. Change block type by clicking to the right of the grid (510px or more ;) I have some code for sweet graphics but don't have the bytes to put it in :s Please shoot me a tweet with suggestions. [UPDATE 0.953b] Removed a pageX 'fix' demo
source
original
tweet
p4p4 591 NO ANIMALS WERE HARMED DURING THE PRODUCTION OF THIS MOVIE old-school blood splatter (my very first js/canvas hack..) demo
updated
source
original
tweet
nrkn 1024 Yellow vs. Red, a roguelike game. Movement with mouse. Enemies are red, health green, level exits black. Walls can be moved like sokoban. Gaining enough experience or clearing level gives you extra health. Reach level 10 to escape dungeon and win. Strategy is important. Changes from v2: changed movement to mouse, keeps track of and displays number of moves, different things are now different sizes, status bar using canvas, now at top and looks better. demo
updated
source
original
tweet
Michael Deal 1001 Color-Vision Simulation & Daltonization for Protanopic Observers 1. Top-left is the original rendering of a pseudo-isochromatic color blindness plate designed with the hidden text "RED" to the protanopic, or red/green colorblind observer. 2. Bottom-left shows a daltonized version, color corrected for protanopia. 3. Top-right shows how the protanopic observer would see the original rendering (a jumble of pixels). 4. Bottom-right shows how the protanopic observer would see the daltonized rendering. Daltonization is a method of augmenting an image so people with color vision deficiencies can see the difference between colors which would otherwise be indistinguishable to them. For more information see: http://daltonize.org/ http://en.wikipedia.org/wiki/Color_blindness UPDATE [Aug 13]: Woops, fix bug for Safari/Opera UPDATE [Aug 12]: Added color blindness simulation UPDATE [Aug 11]: Increased resolution of text (so it's easier for people with normal color vision to read), and modify hues so they are closer to the confusion line for Protanopia. demo
source
original
tweet
oberhamsi 1015 Robot Warehouse fixed flickering demo
source
original
tweet
Siver K. Volle 751 Throw a ball around with two rubberbands, one connected to the mouse cursor and the other to the ball in the center. Updates: Click mouse to reverse rubber band effect towards the center ball, and the source is compressed a lot since last submit :D demo
source
original
tweet
tantetoni2 805 Backround color flasher, to change the background color move or click the mouse or use the scrollwheel. The script generate a random hex color. demo
source
original
tweet
os0x 1024 pixel breakout! forked from http://wonderfl.net/c/tNGi demo
source
original
tweet
Afshin 1022 Matrix background which warps around your mouse as it moves updated version: if the rendering takes too long, it automatically drops resolution (I'm looking at you, Opera and Firefox) demo
source
original
tweet
Scott Ellis 1024 Smexy metaball (v2.1) demo
source
original
tweet
Lee 1024 A simple text editor that automatically highlights Javascript code in the textarea as you type. (an edit-in-place sh) demo
source
original
tweet
Sayan "Riju" Chakrabarti 1022 This script draws a TURMITE which is a Turing machine which has an orientation as well as a current state and a "tape" that consists of an infinite two-dimensional grid of cells. Source: http://en.wikipedia.org/wiki/Turmite * Uses cells of a stock html <table> to plot points * Single Click on image pauses/resumes drawing while Double Click stops drawing demo
source
original
tweet
Eric McGraw 1024 3D Chess setup. Pieces are draggable and drag on the board to rotate the view. demo
source
original
tweet
Steve James 974 Conway's Game of Life. (see http://en.wikipedia.org/wiki/Conway's_Game_of_Life). Keep clicking the box to bring forth life, and watch for gliders. demo
source
original
tweet
Mark Homans 1021 3d effect on grid 1.2: now in color demo
source
original
tweet
Peter Nitsch 836 Twisty Sierpinski Gasket in 3D. demo
source
original
tweet
Andy 956 A tiny particle system. Click on the canvas to change the gravity. Mouse movement will move the emitter. demo
source
original
tweet
Philip Wagner 827 Implemented the perlin noise algorithm. It's pretty big, so there wasn't much room left. But i love it so much. Click the canvas to generate a new seed. 1.1: Now in black on white and smaller 1.2: Much smaller noise algorith, thanks to http://twitter.com/Cay demo
updated
source
original
tweet
Mathias 685 Color picker extraordinaire™. Move mouse, scroll and/or click to adjust the color. Also, try resizing the window! demo
source
original
tweet
notcub 748 Spins a pyramid, with blue->white additive compositing effect. Now works on Firefox. demo
source
original
tweet
Mikhail Davydov 955 Oldstyle pixel car game. demo
source
original
tweet
ianh 1022 Draw a groovy background pattern. Press 'u' to undo. [updated to make the undo feature suck less] demo
source
original
tweet
Simon Jefford 1006 Update to 353: Removed pesky canvas tag that was pushing out the SVG pager. SVG drawing app. Line: mouse down -> mouse move -> mouse up Polygon: click -> mouse move -> click -> mouse move -> click etc. To close the polygon just click within 10 px of the starting point as snap is on... One up for the SVG Massive demo
source
original
tweet
Sam Birch 1016 Infinite vines + flowers! demo
source
original
tweet
Ben Larson 1023 SquareRaid is a lunar lander type game... except instead of a lander, you're a square, and instead of landing, you're mercilessly carpet-bombing evil enemy squares, and instead of taking place on the moon, it's on earth. Other than that: exactly the same. Controls are W/A/D for up/left/right and B for bomb. Score appears in the upper left, screen wraps in all directions, enemy squares spawn faster as you progress. Also... they will fight back!... (UPDATE: fixed score not displaying by putting it directly on the canvas instead) demo
source
original
tweet
Zack Halbrecht 1013 Fuck yeah plasma fractal with cheap color cycling. demo
source
original
tweet
Otto Bibartiu 133 Ambient background color changer (tweetable). Move your mouse over the page and the background changes smoothly from green to blue. You can easily customize the colors by editing the last part of to code... demo
source
original
tweet
Carl Cox 1014 Mimics Apple's HTML5 Typography Demo. Note: Works in all browsers. Firefox may not render the webkit-transform, but the javascript is still applying the style in all browsers. demo
source
original
tweet
case 955 "The Black Hole" - Particles+Gravity. The number of particles is dynamically adapted to the power of the host. Obviously prettier with lots of particles... demo
source
original
tweet
kadir pekel 937 Simple fun game aka Same Game UPDATES * improved ui and gameplay * shorter code with improved algorithm demo
updated
source
original
tweet
Giancarlo Bellido 815 Conway's Game of Life demo
source
original
tweet
Patrick Denny 416 Old school (circa 98) mouse trail in under 1/2 a K. Uses an object pool to minimize memory usage and HTML/CSS3 to create the trail. No canvas required. Update 2: Slightly smaller (tighter CSS footprint) and fixed bug where random color generator occasionally returned invalid CSS color values. Update 3: further compression/optimization found. I call it - OMG Ponies!!! demo
source
original
tweet
Jakub Lopuszanski 1018 3D engine with bones and animation without canvas. Renders a shark swimming towards mouse. demo
source
original
tweet
William Malone 1023 I gave JavaScript objects an identity. They are flies. They live; they reproduce; they die. Sit back and watch them evolve based on the rules of their world, or take a more active role in their evolution by killing them. The rules of life (and death) are posted at wmalone.com/js1k demo
source
original
tweet
Hans Schmucker 1000 A very simple synthesizer playing "The Drunken Sailor". This is not so much a demo as it is a component for other demos. It is not minified, except at the most basic levels and the notes notation isn't at all (the song takes up about half of the filesize right now). Notes are given as half tones from A+length in seconds. With optimizations you should be able to get everything into ~400 bytes. Permission is given to use this in JS1K demo submissions (ask me if you want to use it anywhere else). demo
source
original
tweet
Marijn Haverbeke 1024 Deep Space Defense (version 3) Now with bitmap graphics! Position your destructo-bots so that they can shoot all invading craft before any reach the other side. z,x,c keys select a bot, click to move. The 'big' invaders have to be lasered for about a second, so you either need two bots shooting them, or have a bot follow them. (Source contains ASCII control-characters in the bitmap, I hope that's okay.) demo
updated
source
original
tweet
Tons of Particles 645 50k particles moving according to their own positions. demo
updated
source
original
tweet
cartuchogl 1017 minesweeper demo
source
original
tweet
Oscar Nevarez Leal 576 Hilbert Curve Implementation demo
source
original
tweet
quoj 1010 Fireworm: Eye candy with the gradient drawing tools of the canvas tag (no direct image writing) and a little bitmapped logo coded into 30 characters of ASCII (6 pixels a char, eh!) And thanks to Peter for putting up with my several erroneous entries! demo
source
original
tweet
Roger Willian 947 Maldelbrot fractal viewer. Double click to zoom in, right click to zoom out. demo
source
original
tweet
James Padolsey 1014 Urm. It's a digital clock. demo
source
original
tweet
roylory 1019 Javascript minifier. It uses the same algorithm as jsmin by Douglas Crockford. demo
source
original
tweet
Michael 884 Just a simple star field, but with a bit of a twist. Converted from some of my old JS code which was based on this: http://freespace.virgin.net/hugo.elias/graphics/x_stars.htm demo
source
original
tweet
Brian Long 1020 "The Legend of Ecma." Descend the dungeon to find the amulet of Ecma and then return it to the top floor. Monsters subtract 1 health, potions add 1 health. Features: 1 bit pixel art, randomized dungeon, can return to previous levels in the dungeon and their state is maintained, monsters chase you around obstacles. Boos: A bit sluggish in Opera, canvas scaling artifacts, no victory screen (yet?). Version 2 notes: Fixed timing issues with Firefox, tweaked difficulty a bit. demo
source
original
tweet
Mark Tucker 1015 A game: you have one click to start a chain reaction to destroy all the balls. demo
source
original
tweet
Tim Beyer 1022 Creates random animated Spirograph patterns Left click to add another random pattern on top Press "C" to toggle colors Press "F" to toggle fade effect Press "P" to pause Press "Space" to reset Press "S" to save the picture demo
source
original
tweet
profil 539 Move your mouse and circles will pop up! demo
source
original
tweet
Ilkka Oksanen 1024 Simple game. Click mouse to create a new vessel. demo
source
original
tweet
shannon 1024 Breakout Game (update) demo
source
original
tweet
Andreas Gustafsson 255 Zooming and rotating chessboard in 255 bytes. demo
source
original
tweet
Rubén Medellín 769 Frost simulation. demo
source
original
tweet
Christopher Pitt 910 Provides a function to generate and animate a spinner. You can customize the following options: /*{ canvas: { width: 32, // width of spinner canvas height: 32, // height of spinner canvas fill: '#000' // fill color of shapes }, opacity: { start: 0, end: 1 }, iterations: 8, // number of shapes to draw interval: 33, // ms between paint rotate: 3, // pixels + (clockwise) or - (anticlockwise) clockwise: false // direction of fade, draw: function(context, width, height, iterations, iteration){ context.beginPath(); context.arc(0, -1 * (height / 3), width / 10, 0, 6.283, 0); context.closePath(); } }*/ demo
source
original
tweet
Barry van Oudtshoorn 1011 A re-implementation of http://www.barryvan.com.au/demos/swarms/swarms.html, which in turn is a reimplementation of a Processing script that I wrote. :) Male and female particles move around a central point, gradually aging. When they reach maturity, they may interact with a particle of the opposite sex to spawn a new particle. As they grow old, they become larger and slower until they eventually die. More details, including changelog, is in the source. demo
source
original
tweet
ryan 140 twitter-friendly sunburst *ff-friendly version (fixed-size width & height) demo
source
original
tweet
Thomas Braun 941 The popular Hacky Sack game for the browser. Just click the ball to make it jumping around. Colour your life ;-) demo
source
original
tweet
Greg Reimer 1014 PHIreworks! version 1.2 (keep reloading to see variations) (find the easter egg) demo
source
original
tweet
Michael Bolin 718 Connect 4. Input is with the number keys. Minified using the Closure Compiler in Advanced mode. demo
source
original
tweet
George Calm 1016 Uber Binary Clock. js1k edition. demo
source
original
tweet
Erryn Pollock 1019 A random terrain generator with a Linear Congruential Generator to generate pseudo-random numbers that give a bit more organic result. demo
source
original
tweet
Abram 1012 A game of board domination, grow your creep larger than the enemy AI's creep. You are the black creep and you are fighting the grey creep for dominion. You want to grow and creep over more area on the map than the white creep. The white creep will try to take over more of the map than you. At any one time you can extend your creep by clicking on a colour adjacent to your creep. This will cause your creep to expand and grow into all spaces of that colour that touches your creep. At the end of the game you might not have any more space to grow, but your opponent might. Keep clicking on open map position (positions not black or white) until your opponent has filled them in. Inspired by: http://sourceforge.net/projects/filler/ demo
source
original
tweet
Egon Elbre 1018 Flock of birds. demo
updated
source
original
tweet
John Drake 811 Just another Matrix display, but a bit more true-to-form than the others I see here already. Glyphs are hiragana, katakana, and maybe some other junk. CLICK on screen to toggle a blur/haze filter (will eat some CPU cycles, but shouldn't be too bad). Thanks for looking! :3 demo
source
original
tweet
Inopia/Aardbei 1019 Recursive radial blur. demo
source
original
tweet
Alex Michael 1017 Smalls avoid bigs, bigs eat smalls. Life as it happens to be. You can even bet on it. Update: Bigger canvas size and Closure-compiled. demo
source
original
tweet
Ross Cairns 1024 Cylindrical Graphic-ism. demo
source
original
tweet
Roland Bouman 1022 An interactive Query tool for the Web SQL DB API (see http://dev.w3.org/html5/webdatabase/) The code "works" on firefox in the sense that it detects that this API is not supported. Works fine on chrome, opera, and safari. demo
source
original
tweet
Benoit Côté-Jodoin 886 Simple retro text. I modified the size so the performance are better. demo
source
original
tweet
Mauro Lizaur 1006 A *very* basic japanese IME (input method editor) which automatically converts romaji to Katakana (by default) or Hiragana. To write in Hiragana, just type the letter H (in uppercase), then delete it and you're ready to type in Hiragana. To go back to Katakana, repeat the same procedure but with the letter K this time. It has a couple of (language) flaws: * Sometimes you have to type as a combo (?). eg: to type '?' ('na' in katakana) you have to press the keys quickly, else it'll parse 'n' and 'a' as '?' and '?'. * There are some words that you can't type. eg: in hiragana, you can't type 'happyaku' or '?????', so please ignore this and just type '800' instead :-) demo
source
original
tweet
Ryan 1018 circle meets square demo
updated
source
original
tweet
Peter Nitsch 962 3D Lorenz attractor with an oscillating Prandtl number. Rotation adjustable by mouse movement. demo
updated
source
original
tweet
Rüdiger Appel 1021 Improved Railway Station Clock With round black casing and so-called ‘stop to go’ second hand demo
source
original
tweet
Anthony Bowyer-Lowe 130 Tweetable (130 bytes) approximate calculation of Pi with random numbers. Essentially, darts are thrown randomly at a 1 unit size square . The proportion of them which within an inscribed 1 unit radius circle (distance calculated with Pythagora's theorem) versus the total thrown converges on pi given a long enough run-time. This implementation only uses a single quadrant of the square/circle to save bytes. demo
source
original
tweet
Chris Francis 140 A simple ever-changing, multi-coloured fence disappearing into the distance. Fits in a tweet, complete with #JS1K hashtag! demo
updated
source
original
tweet
mfirdaus 954 Tower of Hanoi. Interactive. Move the disks from the left rod to the right. Bigger disks can't be placed on smaller ones. demo
source
original
tweet
Sam Stephenson 1024 Color Tetris in 1024 bytes of JavaScript. Hand-packed. No funny bit-shifting operations. demo
source
original
tweet
P. Envall 1023 ** Updates: - More configuration options (initial directions and id of target canvas) - No more using DOM level 0 event stuff for keypress and resize - User can travel in "any" direction Description: This is an old-school type starfield effect, done in the canvas. Current user interaction stuff: * starfield reacts repopulates reasonably after screen resizing. * it is possible to travel space with the arrow keys ("pilot mode" of course) The program initiation takes the current window's document and an (optional) options hash with configuration stuff (not used in the submitted script). Configuration properties are: w : width of canvas (px) - number. Default: full width of viewport h : height of canvas (px) - number. Default: full height of viewport c : DOM id of canvas to paint on - string. Default: 'c' (trace of the <a href="http://js1k.qfox.nl/">#js1k demo competition</a> setup) x : initial "horizontal" movement - number. Should be a multiple of 0.2. Default: -1 y : initial "vertical" movement - number. Should be a multiple of 0.2. Default: 0 Note: A large canvas means more stars which (not) surprisingly means more cpu time used. Trivia: The code size limitation (as well as the "no libs" i guess) brought back fond memories of C64 hacking... I only wish there was a way to cram a nice old "WMMMMOOOOOOMMMMMMMMMM" sound in too for nostalgic reasons. It kinda came with starfields back in the day. After some adding some extra features and configuration opportunities, the entry unfortunately no longer weighs in at exactly <a href="http://noname.c64.org/csdb/group/?id=81">1001</a> bytes :-( demo
source
original
tweet
Román Cortés 889 3D Snowman demo
updated
source
original
tweet
Dominic Szablewski 1005 Some bugfixes on my Syntax Higlighting Quine. Also killed a few bytes but added a lengthy comment in turn. demo
source
original
tweet
Hans Schmucker 140 Update: Adds Opera compatibility by replacing location.search parsing with parent.variable for counting. See previous entry for description. demo
updated
source
original
tweet
Matthias Reuter 120 In a tweet: Randomly colorizes the elements of a page. Unfortunately, the demo page only has three visible elements. Ver.2, down to 120b) demo
source
original
tweet
Cay 1020 Very simple perlin noise-based flocking behaviour. (Updated) demo
source
original
tweet
Martin Kleppe 1002 Lorenz Attractor An animated, colored version of the Lorenz oscillator. It shows a 3-dimensional dynamical system that exhibits chaotic flow. demo
source
original
tweet
Joachim Viide 688 An elastic twister effect. demo
source
original
tweet
Keith 1012 Simple circle animation Updated to use the canvas element, includes colored balls and has a bit smoother animation. demo
source
original
tweet
Michael Deal 1021 [1.1: fix drawing bug, improve rendering] Hypotrochoid with dynamically changing color and diameter. Use the keyboard to change shapes mid-stream (hold down to initiate hyperdrive), or move the mouse to create a new hypotrochoid based on your XY coords. demo
updated
source
original
tweet
Daniel 988 Polygon Packer demo
updated
source
original
tweet
John Lyon 718 Pretty simple plasma zoomer demo
source
original
tweet
Ivan Zhekov 405 Implement upcoming pair of elements demo
source
original
tweet
Carl 728 Script paints the screen from a circular 'window' into the next color. demo
source
original
tweet
Andreas Köberle 799 Version 2 of the Guilloche Pattern generator, now with some sliders (or simple inputs, sorry ff). demo
source
original
tweet
Michal Hantl 165 Matrix has you ... demo
updated
source
original
tweet
Stefan Franke 944 Conway's Game of Life http://en.wikipedia.org/wiki/Conway%27s_Game_of_Life Starts with random cells and performs endless cycles. SPACE toggle start/stop 'a' add rAndom celss Left mouse button click: add a cell (marked red) demo
source
original
tweet
fearphage 826 This is a basic implementation of Conway's Game of Life that is a representation of cell automation. http://en.wikipedia.org/wiki/Conway's_Game_of_Life Every cell is either alive or dead (1 or 0 respectively). The basic concept of the game is based on the following rules: 1. If a living cell has less than 2 neighbors, it dies. 2. If a living cell has more than 3 neighbors, it dies. 3. If a living cell has 2-3 neighbors, it lives. 4. If a dead cell has exactly 3 neighbors, it come alive. Every generation is absed on the previous generation of cells. Note: There is currently no interactivity in this version. demo
source
original
tweet
Tom Boshoven 1020 Conway's Game of Life! It's fully interactive and contains two demos. You can use buttons to pause and to regulate the speed. demo
source
original
tweet
Karsithe 140 The script renders a 2d image of a road running through a desert. It's dumb, but it does fit in a tweet... demo
source
original
tweet
Jan Kasper Martinsen 998 sinus scroller demo
source
original
tweet
Cay 1018 Very simple perlin noise-based flocking behaviour. demo
source
original
tweet
BudniX 1020 The beauty of symmetry demo
source
original
tweet
Mark Talbot 1020 IFS fractal fern demo
source
original
tweet
Ryan 989 isometric level-3 menger sponge demo
updated
source
original
tweet
Kevin Roast 1024 Updated version of the Warp Starfield demo. Tracks the mouse to modify the direction of the warp field, plus you can use the mouse scroll-wheel to control warp speed! The magically Closure Compiler was used to squeeze down the code initially, plus some final tweaks to save another 70 bytes to get down to the 1K limit. Uncompressed commented source now included. demo
source
original
tweet
Mathieu Davy 699 Mastermind: Guess by submitting 4 digits from 0-9. A '+' means you have a correctly placed digit A '-' means one digit is correct but at the wrong place So far no limit in number of guesses. demo
source
original
tweet
Steven Wittens 1024 Pulsing 3d wires with volumetric beams. demo
source
original
tweet
Sean Cline 990 Conway's Game of Life! Mouse interacts with the canvas. Clicks toggle between "fading" and "classic" mode. Full version available here: http://www.eng.utoledo.edu/~scline/life/life.html demo
source
original
tweet
Per-Olov Jernberg 837 Classic raytraced tunnel, now works on Opera demo
source
original
tweet
John Turknett 1021 Classic Simon type match game. Click "New Game" watch the colors, click the same pattern once it has stopped. See how far you can get. demo
source
original
tweet
Sam Birch 1019 Infinite vines. demo
updated
source
original
tweet
Will Scott 1020 Generate and explore a random maze. Creation uses Prim's algorithm and exploration implements a simple wall follower. demo
source
original
tweet
Alexey Malyshev 140 True binary clock. Shows number of milliseconds since Jan 01 1970. Fits in a tweet. demo
source
original
tweet
Mauro 1022 Just the 'awesome face'. awesome indeed. demo
updated
source
original
tweet
z0va 1022 Subliminal demo. demo
updated
source
original
tweet
Dan Steinman 1006 An exquisite mustache with background music (requires quicktime) demo
source
original
tweet
Mike McNally 1021 Minesweeper game - if you win, the mines are drawn in green. If you lose, you explode. demo
source
original
tweet
Patrick Wied 1015 This 1k app generates a realtime heatmap depending on the user's mouse movement (default map size is 999x500) demo
source
original
tweet
Michal Hantl 979 Poke around with mouse to find gray hair. demo
updated
source
original
tweet
Vincent Schüßler 953 Draws a simple, color-changing "wave". demo
source
original
tweet
Graham Bradley 1024 Conway's Game Of Life (http://en.wikipedia.org/wiki/Conway%27s_Game_of_Life) in precisely 1Kb. Enter the number of rows and columns for the grid, as well as the frame rate, and watch the Life world go. Clicking the grid pauses the world and lets you toggle cell states (it will continue automatically in a couple of seconds). Double-click to empty the life world. demo
source
original
tweet
alteredqualia 1022 Bubbles and worms. Two demos in one for more fun. Updated: now you can randomize demo by clicking on canvas. demo
updated
source
original
tweet
Derek Hammer 862 Just a short 'video' of some sort of space flight. I'm not really sure and was just playing around :) demo
source
original
tweet
Hans Schmucker 146 A little romantic waterfall in a nostalgic color palette. In other words: Random ASCII blocks scrolling down. Not exactly 140 bytes in utf-8, but still 140 characters (Twitter accepts it). demo
updated
source
original
tweet
Tane Piper 1015 Generates procedural water ripple effects on top of a randomly generated gradient background. Click on the canvas to generate a new wave, hold Shift + Click to change the gradient background. There is an issue with the Firefox canvas implementation that is a known bug (https://bugzilla.mozilla.org/show_bug.cgi?id=498826). This causes some frames to drop and appears slower than other browser implementations. demo
source
original
tweet
William Cotton 995 Feedback Loop. demo
source
original
tweet
Motyar 934 The "Minimalist todo list" can be used as a task manager, simply type your task and press Enter to add task. To remove task simply hover the task and click. demo
source
original
tweet
Martijn Laarman 590 A simple animated naval ensign of Japan. demo
source
original
tweet
Robin Allen 1003 ALL GLORY TO THE HYPNOTOAD demo
source
original
tweet
Maarten Decat 1016 A 1K version of the all-famous Flash game Bubble Trouble (Google it!). Move the mouse to move, press left mouse button to fire, don't get hit by a ball and try to destroy all the balls. demo
source
original
tweet
Astrlndr 1023 Retro Astro Lander clone (well, that's what it was called on Timesplitters 2!). Use the space bar to keep the rocket from accelerating into the terrain. Keys A and D rotate the rocket to allow side to side movement. Gently land the rocket bottom-down on the green landing pad. Be sure to check your fuel gauge. demo
source
original
tweet
Sergey Chikuyonok 1003 JavaScript implementation of the "classic" water ripple demo. Move mouse pointer over the image to get more ripples. demo
source
original
tweet
Georg Tavonius 1024 Minimalistic flying game. Use cursors to control the plane. Objective: Collect as much coins as you can while avoiding the clouds, the aren't as soft as you might think. Reload the browser to start a new game. demo
source
original
tweet
29a 992 A demonstration of evolution by natural selection in 999b. View the source, it's pretty. Visit 29a.ch for more details. demo
source
original
tweet
Carl Jackson 612 Draws pretty snake-like things demo
source
original
tweet
MichalBe 969 Simple side-scrolled space game. Control spaceship with your mouse and try to avoid pink rects. I made first version of that game in almost 1,7kb and it looks much better nicer, try it here: http://nopaste.gamedev.pl/?id=7821 just copy it into simple page with one canvas with id='c'. Enjoy! demo
source
original
tweet
Hans Schmucker 140 A strangely growing mountain in Twitter-friendly 140 characters. demo
updated
source
original
tweet
Nick Lockwood 876 A simple random maze generator, using the Recursive Division method described on Wikipedia. The code was hand-tuned for size (which mostly involved extracting common sub-expressions and removing edge-case handling) then compressed with Google Closure Compiler and finally packed using a purpose-built packing algorithm that replaces repeated character sequences in the source with single-character codes (similar to Dean Edwards Packer, but more effective on pre-compacted code). demo
source
original
tweet
Christian Neukirchen 139 Munching squares in twitterable size A classic display hack (http://en.wikipedia.org/wiki/Munching_square), in under 140 chars. demo
source
original
tweet
Simon Madine 1015 (Probably) final update - now with Blur. Pretty spinning circles that chase the mouse (or finger) around. Click (or tap) to add more circles, press any key to toggle blur on and off. Blur also toggles with each touch. demo
source
original
tweet
Ronald Jett 1015 N-Body simulation using canvas. demo
source
original
tweet
sq2 870 Connected meandering dots demo
updated
source
original
tweet
Kris Cieslak 666 Arkanoid/Breakout game. Use left/right arrow keys to move the platform, F5 - new game. Only one level (It's only a demo). demo
source
original
tweet
guciek 1022 Plasmodrops. They drop. Update - Safari bugfix. demo
source
original
tweet
Michael McDaid 651 A 3D chequered tunnel like effect. Use mouse to create different effects, x axis changes rotations speed, y axis changes how quickly image fades away. Click the canvas removes a square/arc, making the animation run smoother/faster. demo
source
original
tweet
Christophe Résigné 957 a plasma! click anywhere on the screen to randomize :) demo
source
original
tweet
Kasper J. Jeppesen 970 Multicolored voxel moonscape. demo
source
original
tweet
Michael Deal 1011 An RGB color spectrum mixer, controlled by your mouse movements. Move left to turn up red, right to turn up green, and down to turn up blue. Great for music visualization, become your own lighting DJ ;) demo
updated
source
original
tweet
Andreas Köberle 1022 Simple Perlin Noise implementation on canvas. Its very slow on firefox but it runs. demo
updated
source
original
tweet
Anthony Mann 901 Plasma effect, click to randomise. Thanks to Neutek, and greets to #ukscene! demo
source
original
tweet
mi-ku 1004 Scrolling checkerboard with text on animated gradient background. demo
source
original
tweet
Yoeran 766 Just playing with Brownian motion. demo
source
original
tweet
Charleston Waltnikki 140 Computes pi in a non-optimal fashion. demo
source
original
tweet
Thomas Fuchs 94 A tweet-length JavaScript quine (a program that outputs it source). As I'm a juror, this is for the showcase. :) demo
source
original
tweet
devfuture 572 Just music visualization. Equalizer. demo
source
original
tweet
Jon Gjengset 1020 Dynamically draws a background pattern using several traced paths demo
source
original
tweet
lintaba 988 Just a sphere, that you can rotate with the mouse :D demo
source
original
tweet
Dan Steinman 975 Hypnotic spinning star simulation, random stars each reload demo
source
original
tweet
Miller Medeiros 609 Predator on acid. demo
source
original
tweet
Luis Gonzalez 948 rotating 3D wireframe cube + oldschool fire effect demo
updated
source
original
tweet
Trevor Norris 1024 Meant to be used with client-side graphing/analysis tools, as a more dynamic means of rendering graphical reports and charts. demo
source
original
tweet
Mikael Roos 1005 A metronome with an audible tick and configurable BPM. Audio does not work in Chrome (lacks support of wav, huh), so I'm considering it an extra feature. ;) demo
source
original
tweet
Mathias 81 Let’s just say I called it “?p?????a”. demo
updated
source
original
tweet
Johannes Fahrenkrug 1021 Poor Man's ASCII Art generator: draw on a canvas on the left, behold the ASCII art on the right. Reload to start over. demo
source
original
tweet
Paulo Falcao 855 RGB feedback effect, use your mouse to change parameters. demo
updated
source
original
tweet
antimatter15 990 3d function plotter. fixed and works in ch, fx, op demo
source
original
tweet
Anthony Bowyer-Lowe 333 Updated marching moire XOR madness in 333 bytes. Compressed a few more implementation bytes and reinvested them in refining the calculations to provide inter-frame modulation, better broken TV hues, and a more radial effect. demo
updated
source
original
tweet
QuintenC 944 *update: less randomly broken line in 3d that rotates on mousemove demo
source
original
tweet
antimatter15 993 3d function plotter demo
source
original
tweet
Matt Hobbs 957 Updated - Coloured particles bouncing around the screen. Colour of the particle changes depending on it's proximity to the 3 coloured points. Reduced by 40+ bytes using the closure compiler + other small optimisations. demo
source
original
tweet
Mathieu 'p01' Henri 939 There can be no size compo without a Quaternion Julia raymarcher ( using Hubbard-Douady distance estimator ) demo
updated
source
original
tweet
Malte Ubl 1024 Don't let Mario run against the lines! (Use arrow up to jump) demo
source
original
tweet
antimatter15 906 Updated version of gravity submission. Click to add a dot, the size is determined by amount of time the mouse was down, position is determined by where you click and initial velocity is the distance from where you first moused down and where you mouse upped. demo
updated
source
original
tweet
Andreas Köberle 566 Guilloché Pattern Generator Move the mouse to change the pattern, click to change the colors demo
updated
source
original
tweet
Mr.doob 957 (update) Reduced 50bytes thanks to Closure Compiler (http://closure-compiler.appspot.com/home) and some optimisations by @millermedeiros demo
source
original
tweet
Christopher Otto 141 Time As Color shows the current time as color by setting red to the hour, green to the minute, and blue to the second. I originally created it in 2000 and it was shown at Gasworks London, Boston University, and the Bergen Kunsthalle. Last year I recreated it as an iPhone app. For this version I decided to take up the challenge of making it work in a tweet and got it to work at exactly 140 characters. demo
source
original
tweet
Tom Hudson 966 It's a fancy dancy clock. The innermost, thickest, hand is the hour hand. Attached to the end of the hour hand is the minute hand, and the second hand is attached to the end of that. demo
source
original
tweet
feiss 1023 *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
tweet
Galchwyn 1019 This demo tries to emulate a pulsar star. It shines and fades within a period of 2 seconds, approx., and changes its direction when it touches any side (a classic). Var T controls the pseudo-resolution. 30 is fine in my home computer but I guess that laptop and old computer users will have to trucate that value to 20 or 10 to get smooth results. Please, enjoy. I only haven't tested it in Safari (I'm on Linux, sorry). demo
source
original
tweet
Remco Veldkamp 1023 retro oldskool psychedelic disco effect.. just add beats ;-) demo
updated
source
original
tweet
Fedor Indutny 573 Another one fractal painting script. demo
source
original
tweet
Jim Lawless 832 This demo displays 100 strings with the value "JavaScript" in random locations of an 800x600 rectangle. The font-family, size, and color are also randomized. At short intervals, each "JavaScript" string will move in random horizontal and vertical increments ( which each may be negative or zero ). Upon hitting a rectangular boundary, the associated increment is negated so that the "JavaScript" string will begin moving in the opposite direction. How does it work? Nothing terribly tricky. The code first generates new HTML and replaces the body.innerHTML with the new HTML ( overlaying the freebie canvas tag ). Take a look at the function named b() by itself. setInterval() is used to call b() no sooner than every 100 milliseconds. b() iterates through all of the "JavaScript" strings and alters the "left" and "top" style properties based on two counterpart increments. The increments are negated if a boundary is crossed. demo
source
original
tweet
Todi 1019 Plasma light-polar coordinates-strange effect... demo
source
original
tweet
Amrish Kapoor 137 Tweetable test for a web page's accessibility. It finds all the images with a missing 'alt' attribute and highlights each one of them with a thick red border. demo
source
original
tweet
Amrish Kapoor 781 2 player Tic-Tac-Toe game demo
updated
source
original
tweet
Hakim El Hattab 993 Colorful particles follow the mouse and leave a smooth, fading, trail. demo
source
original
tweet
antimatter15 1001 A clone of @rem's letter slinger that's under 1k in SVG. demo
updated
source
original
tweet
Marijn Haverbeke 255 Draws a Pythagoras tree on the provided canvas (in 0xFF bytes) demo
updated
source
original
tweet
Marcin Ignac 1023 There is no demo compo without a wobbling tunnel! demo
source
original
tweet
Fedor Indutny 867 This is mini-version of jsTPL template engine. Examples of usage: #1 $("Hello, Dolly!")(); // Outputs: Hello, Dolly! #2 $("Hello, {%= 'Dolly' %}!")(); // Outputs: Hello, Dolly! #3 $("Hello, {%= name %}!",["name"])({name: "Dolly"}); // Outputs: Hello, Dolly! #4 $("Hello, {%= name %}!",["name"], "template"); $("template")({name: "Dolly"}); // Outputs: Hello, Dolly! Usage: $( [template or template-name], [array of possible arguments], [template name] ); Also you can modify it as you like, using $.modificators. Example: $.modificators["H"] = function (s) { return "('Hello, ' + " + s + ",);"; } $("{%H Name %}",["Name"])({Name: "Dolly"}); // Hello, Dolly! demo
updated
source
original
tweet
Ken Snyder 1021 Detects and reports on whether your browser supports each of 42 features found in HTML5 and ECMAScript 5 standards. Sources: Dive Into HTML5 - http://diveintohtml5.org/detect.html ; Modernizer - http://www.modernizr.com/ ; Kangax - http://kangax.github.com/es5-compat-table/ demo
source
original
tweet
Andris Reinman 1022 Classic snake game. Use keyboard arrows to turn the snake. If you hit anything (the walls, the tail of the snake) then the game finishes. Eating brown dots makes the snake to grow longer. demo
source
original
tweet
Ken Snyder 1022 Charmap for HTML, listing characters by their hex entity. Great for finding and testing which symbols work in all browsers. demo
updated
source
original
tweet
antimatter15 777 A simulation of gravity. Click anywhere to add dots. demo
updated
source
original
tweet
Marko Mrdjenovic 1024 Lovely typographic fireworks demo
source
original
tweet
antimatter15 266 XMLHttpRequest GET, and POST working in IE since 6.0 and every other major browser in 266 bytes. X(url[, callback(responseText, xhr), postdata]) demo
updated
source
original
tweet