JS1k: The JavaScript code golfing competition
2012 - Love
Mailing list | Update demo meta data | The /r/js1k subreddit
Check out demos from previous editions too! 2010 , 2010 , 2011 , 2013 , 2014 , 2015 , 2016 , 2017 , 2018 , 2019
Levitating Love
Draws levitating love hearts using a modified raycasting algorithm.
Mine[love]craft
Simplistic Minecraft-inspired sandboxing block game (v2) with:
Field of Love
Fly through an asteroid field of 3D love hearts. Originally anaglyph images but I couldn't get it working perfectly before the deadline. Uncomment "anaglyph" lines to see this. You'll need red/blue fi…
Roses are red
A demo with some 3d objects and a poem. Read the uncompressed source for more info, it's like my blog post (I don't have a blag or a wobsite).
overflow
A puzzle game with metaballs in < 1k. Click the bubbles until they pop to trigger a chainreaction. Remove all blobs with 3 clicks to complete a level.
heart broken
The objective of this game is to get all the hearts with a two or three in them. When you find a broken heart, the game is over. On the right side and underneath the field are numbers, they are groupe…
Make Love, Not War
Animated sequance where tanks move in a heart shape with a heartfelt message to boot. Make love, not war, man.
BBCode Parser
BBCode Parser. This isn't just a quick regex; it parses the message into a tree, and so supports bbcodes with values, like [url]. Unfortunately I had to strip out most of my code for handling invalid…
Cupid's messenger
Help as many lovefools fall in love as you can! Hit them with Cupid's arrow. Move the mouse to get around. If you are too slow, the hearts will freeze to ice.
Chime Hero
Try to win the hearts of your audience by playing along with the music. Hitting a stream when a note reaches the bar at the bottom makes the note disappear. Multiple hits in a row increase your multip…
RGB 1k
The 3 color channels (red,green,blue) are shifted randomly such that the original image becomes distorted. Try to reconstruct the original image within the time limit. Press a button to cycle through…
Alrik
Alrik is a stupid chat bot. No smart algorithms here. Just Math.random(). Lots of room for improvements left.
Fuse
Spread the love by absorbing all the positive energy around you. The goal is to fuse with the warm glowing blobs. But beware: Others might grow to big and turn into negative energy.
Clock which shows love
It is an analog clock. It seem irrelevant to love, but from a broad view, when we see the second hand ticks every second. It reminds us time is flying, we should love people around us before it's too…
Polar Morph
Click somewhere in the box to begin drawing morphing polar equations (hint: where you click to begin matters). Move your cursor around to affect how the form moves. You can click again to stop the ge…
Gimme Love
Use left and right arrows to move the trampoline and make her gather all the love.
Interactive Particle System
Interactive particle system with three setups. Click to repel, press a key to see something new
Cloudy heart
Uses 3d simplex noise to fill a heart with red and black. The algorithm itself ended up taking most of the space - even after reducing quality - leaving little room for other stuff.
Heart Attack
Defend your heart against waves of skulls by building a maze of towers but without blocking the way completely. Regular towers cost $2 and attack one enemy at a time but you can buy two upgrades to do…
Autumn Evening
In my opinion, the most romantic scene is an autumn evening, just at sunset when the sky turns red and everything looks so beautiful and warm. So I was inspired to write this scene and see how far I c…
Lattice of Love
Interactive heart-shaped spirograph. Click and move your mouse to change the shape.
Love concentration
Love concentration game: find matching male and female characters (same color / same background)
Love Feelings
It's that you can feel when your are in love. Full window colored plasma.
Liquid Heart
Liquid simulation using Lagrangian particles. Updated version with 3D rendering (much more CPU intensive). Thanks to Infern0 for nice design tips.
love float
hearts and somethings fall and float. it can be controlled a little by moving mouse
Hungry Hungry Hippos
Press any button to play; you are the Blue Hippo on the right. The classic board game in the browser.
Searchable Task Manager
You can add and remove tasks. Enter multiple tasks at once by separating them with a comma. A resettable counter shows how many tasks have been added and the total amount of tasks.
♥ Memory Card Game
Classic Memory Card Game. You need to find the pairs of cards. Click on the cards to flip them.
Pink tunnel of Love
A liitle pink tunnel effect. Handcompressed. The love is in the code.
It's fading away
Paints a procedural heart to an offscreen buffer's imageData , then a custom blur and a subtle fade to black filter are applied.
1k Spirograph
An animated version of one of my favorite childhood toys. Use arrow keys and Home/End to change the drawing parameters. Aside from how much I loved playing with these, the theme is reflected in the d…
1k Matchmaker
Find the other half! Click and select these bit people's dreamt person.
Love Story of a Tree
A conifer changes into a bloomy tree after receiving some love. Maybe you see Pascal's triangle or a heart shape in the tree :)
Cellular Automaton
A (multiple) heart(s) shaped cellelar automaton in which each cell keeps moving in the same direction.
Love Is
"Love Is" describes what love is with colour and meaning. If you move your mouse over the canvas, you can find the hidden heart and click it to see a different meaning of love.
The tunnel of love game
Navigate your arrow through the tunnel of love. Avoid the walls!
Metahearts
Heart shaped metablobs! Click to randomly create new ones, middle-mouse-click (or right, but that opens a context menu) to fling every blob in a new direction.
Cupid's ♥ Collection
Jetpack style game. Press any key to play, then any key to fly (keep key held to fly higher).
First Crush
Attempts to reduce the size of minified JavaScript by replacing repeated strings with single characters. Latest update reduces output by two characters thanks to a suggestion by @veubeke.
Slime Loveyball
Now updated implementation of Slime Volleyball, a sort-of-cult web game from around a decade ago. The game is volleyball. You play as the yellow "slime" on the left, the computer plays the green slime…
Hyperspace Hearts
DESC: ♥ Fly into the heart of the wormholes to get the love! ♥ Points & time-limit - can you top 22 hyperjumps? ♥ Final Version
haml1k
haml1k converts static haml markup into html.(markup in the left textarea , result in the right one after a click on the button(tab , space is a shortcut)
Save Messed Up Love
Hey, my love is messed up. Can you help me to recover it? I want a perfect love!
shoot the hearts!
Hey there, pseudo-cupid! You have some big shoes to fill... use the arrow keys to aim and space to fire. Save the world by projecting love into every heart!
Feed The Geeks!
With Love! We, the geeks, have seen things you people wouldn't believe. Program wonders with just 1024 bytes. And, yet, if you don't feed them with love, all those moments will be lost in time, like t…
DidThis
fully functional (if a bit limited) tracking WebApp, uses localStorage, so the data will be persisted and you can keep tracking
Love is in the air
The text "Love is in the air", made of hearts, waving in a moving, cloudy sky.
Loveshell
A lovely javascript shell. Type a javascript expression and hit Enter to evaluate and print the result. Use the print() function to write to the shell's stdout. Usual keystrokes like delete, backspace…
To all my fans
Floating hearts that show a message written in white. My first effort at this, it's not as impressive as some of the entries on this site, but I'm pretty happy with it.
Scheme AST drawer
The user can click on the canvas and enter a scheme exression.
Why am I single ?
Simulates 128 males and 128 females randomly bouncing around, and becoming paired when opposite genders meet. Relationships end after a while (and are followed by a short no-relationship period). The…
Heart Binary Clock
Simple heart binary clock. My first ever demo submission so thank you to all other entries for tricks & to my girlfriend Lara for putting up with me whilst messing around with this
What Lies Beneath
Use your mouse to discover what is beneath the mask of fire. Technical description can be found here: http://vimeo.com/35057708
Mini Love Text
After first try using canvastext, I use span elements to make mini love text animation.
Significant Whitespace
This is a complete Whitespace compiler and interpreter. Whitespace is a fun language consisting of just three significant characters; space, tab and newline. The rest is ignored. I add the flavor of (…
I have a Crush on JS
JavaScript crusher with UI and a demo run on its own uncrushed source - all of that in 1024 bytes.
sprites of love
A tribute to old Atari ST demos with many sprites, text scroll and water reflection...and love :)
JS Music Box
Generates a stream of audio, like a music box. Safari has an issue on windows with audio. You have to have quicktime installed, which is silly.
Catchy Hearts
Instructions: Move the mouse. Catch the hearts. Reload if the hearts are distorted. Full screen recommended.
I <3 XOR
Radius is determined by mouse location. Yet another update to save a few more bytes.
Lovely Supershape Editor
UPDATE ♥ Heart now radiating animated beams of love! ♥ Adjust the shape by typing or dragging horizontally on the inputs then save the SVG file! Shift-drag for 10x adjustment. The first fields are sca…
Heart strobe
Trippy strobe animation. A work in progress, going to try adding some interactivity next
A Rose is a Rose
I took the original static rose and made it rotate by storing points in a voxel structure, and then rotating and projecting on the screen. I'm generating points and rotating at the same time (interlea…
Heart Ninja
When the heart is at it's max height hit spacebar to slice the heart. Slicing a heart increases your score by 1, missing it will reset your score to 0. Try getting your score as high as possible ;)
Cursor In Love
As you move your mouse around the screen, the cursor pours out it's heart to you.
Love Your Classics
Remake of the classic Snake game, gotta love your classics! Use W,A,S,D to move and N to start a new game. Tweet me your scores!
♥ 4 snake
Classic snake remake. Text based with added hearts ♥♥♥. Use the cursor keys to move up, down, left & right. Enjoy xxx
Love is Infinite
Mandelbrot explorer! Zoom in, zoom out, save locations. Click at any time, don't wait for a render.
Hearts everywhere ;)
It draws hearts - click anywhere inside the window to add/remove a bit of chaos ;).
Exploding hearts
Creates an image of blocks that explodes when clicked. After a while the blocks return to their original positions.
Particles in Love
Lovely particles flying around. Move your mouse to change particle direction and color, based on a color wheel.
Love is (colour) blind
Animated 3D heart over animated background. Background is still in progress.
Magic Carpet
Magic Carpet contains a tiny 3D engine for the 2D Canvas with a Draw Loop that rotates a modulated wire-frame landscape with cyclic colors.
Love of Fractals
The script executes given L-system code and generates fractals on the screen. This is the Hilbert curve:
Tunnel of Love
This is a game where a stalker is trying to get between you and your love. Collect hearts to slow him down, but he'll always get there eventually!
Bouncing Hearts
When you're in love you can't help but feel like your heart is out of control, bouncing all over the place, colliding with others in strange ways.
Lost in the dark
A little Heart, lost in the dark, followed by weird things, is looking for an escape.
1K Minesweeper
Simple Minesweeper without flagging. Uncover all the cells except the mines and you Win! Click on a mine and you lose =( There are 8 mines per game. Good Luck!
It makes the heart spin...
A 3d spinning heart with flat shading. The mesh is generated on the fly.
Markdown
An almost fully implemented markdown parser in less than 1025 bytes ... nothing else :-)
Love lost and found
After a quick intro animation, this generates a 'Perfect Maze' using one algorithm then sends a little heart running around trying to find his true love at the other side using another algorithm. Once…
Hidden Love
Shows your love when the mouse moves across the screen. You can change the text using... the keyboard.
Cartesian Grapher
Prompts user for a function to graph. Includes sin, cos, tan, sqrt, PI, and exp amongst other math functions.
modern art generator
up or down to change speed, left or right to change sharpness, randomly draws modern art
Chain Reaction
Click anywhere on the screen to start a chain reaction. Pass the level quota, and you advance!
Broken Heart
The colors of the broken heart are changing on both parts until they match.
Organ1k ♥ Edition
Randomized unicode hearts in geometric patterns. You can also play with them using the mouse. Enjoy!
love ALL the web
harts all over the page while mouse or touch move plus bigger centered hart on click
random phrases love
Generator of random phrases of love, where pressing F5 to refresh the web page will also update the sentence.
True love journey
Finding your love is hard. Don't give up, somewhere out there is the right person for you.
Campsite Firefighter
This may not seem like love, but you'd love it too if you ever peed on a camp fire. Mash keys to pee on the fire and put it out!