JS1k: The JavaScript code golfing competition

2012 - Love

Home   Rules   Demos   Submit Mailing list  |  Update demo meta data  |  The /r/js1k subreddit JS1k, the yearly JS code golfing competition

Check out demos from previous editions too! 2010 , 2010 , 2011 , 2013 , 2014 , 2015 , 2016 , 2017 , 2018 , 2019


Ruby Sea

By Matt Stanton
( @pillowguerrilla )

Waves, slowly growing calmer.


Levitating Love

By Andrew J. Baker
( @andrew_j_baker2, website )

Draws levitating love hearts using a modified raycasting algorithm.


Mine[love]craft

By Philippe Deschaseaux
( @ehouais )

Simplistic Minecraft-inspired sandboxing block game (v2) with:


VNC client

By Joel Martin
( @noVNC, website )

noVNC-js1k is a VNC client in 1K of Javascript.


Field of Love

By Will Ridgers
( @mindfuzz, website )

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

By xpansive

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

By Paul Sonnentag
( @BrackCurly )

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

By Terry van Leeuwen

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…


Speech Synthesizer

By Mathieu 'p01' Henri
( @p01, website )

1K JavaScript Speech Synthesizer


Make Love, Not War

By Matt Pass
( @mattpass, website )

Animated sequance where tanks move in a heart shape with a heartfelt message to boot. Make love, not war, man.


Ti Amo

By MONTILLET Xavier
( @xavierm02, website )

Plays something sounding like Ti Amo by Umberto Tozzi.


BBCode Parser

By Dieki Noordhoek
( @dieki_n, website )

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

By IngeP
( website )

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

By Rebecca
( @veubeke, website )

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…


Love Concours

By Anthony Mann
( @mrnibbles, website )

Tendrilous hearts find a common goal.


Ants love sugar

By Jaik Dean
( @jaikdean )

Click on the grass to drop a sugar cube.


RGB 1k

By Remco Veldkamp
( @remcoder, website )

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…


DYSP hommage

By Rene Kriest
( @rene_kriest )

This effect is a hommage to mega DYSPs on C64.


Maze Crawler

By Todd Pastel
( @oneImp, website )

Controls


candyhearts

By Jordan Santell
( @jsantell, website )

Pretty hearts for pretty people


Alrik

By Kambfhase
( @Kambfhase )

Alrik is a stupid chat bot. No smart algorithms here. Just Math.random(). Lots of room for improvements left.


Fuse

By Martin Kleppe
( @aemkei, website )

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.


Firehearts

By Teddy Cross
( @tkazec, website )

Heartworks :)


Clock which shows love

By Pi Ke
( @PixelstechNet, website )

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

By Tyler Beck

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

By Erida Dule
( website )

Use left and right arrows to move the trampoline and make her gather all the love.


Interactive Particle System

By Jarrod Overson
( @jsoverson, website )

Interactive particle system with three setups. Click to repel, press a key to see something new


Cloudy heart

By Timo Tuominen
( @tehmou, website )

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

By Rebecca
( @veubeke, website )

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…


Sinewave ballad

By Mathieu Peyral

Sinewave image deformation + 2 voice synthesized music


Autumn Evening

By Philip Buchanan
( website )

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…


CPR

By Vince Allen
( @vinceallenvince, website )

Click to bleed and revive your heart.


Radiant Love

By Daniël Haveman
( website )


Lattice of Love

By Matt Sweetman
( website )

Interactive heart-shaped spirograph. Click and move your mouse to change the shape.


Love concentration

By Matthieu

Love concentration game: find matching male and female characters (same color / same background)


Heart Strings

By Greg Kepler
( @GregKepler, website )

Each time the script is run, a heart-shaped spider web is generated.


Love Feelings

By Jocelyn NATALI

It's that you can feel when your are in love. Full window colored plasma.


Liquid Heart

By Claudio Cañete (Neco)
( @claudiocc, website )

Liquid simulation using Lagrangian particles. Updated version with 3D rendering (much more CPU intensive). Thanks to Infern0 for nice design tips.


Love tunnel

By John Metcalfe

Find your way through the cave!


Imperial Sprital

By Tadas
( @tadas_t, website )

Mood in the Republic are elevated as the dark lord Vader falls in love.


love float

By junt

hearts and somethings fall and float. it can be controlled a little by moving mouse


Love to play

By Guy Halford-Thompson
( @guyht, website )

Retro arcade game. Don't break your heart!


Attosmash

By Scott Ellis
( @QOAL )

Attosmash is a 1K interpretation of Astrosmash.


Where is LOVE?

By roylory
( @roylory, website )

Word search game. Search for LOVE!


Hungry Hungry Hippos

By Brett Wejrowski
( @brettwejrowski, website )

Press any button to play; you are the Blue Hippo on the right. The classic board game in the browser.


Searchable Task Manager

By Thomas Greiner
( @ThomasGreiner, website )

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

By Gavriel Fleischer
( @gavriel, website )

Classic Memory Card Game. You need to find the pairs of cards. Click on the cards to flip them.


Pink tunnel of Love

By Martijn de Boer
( @sexybiggetje, website )

A liitle pink tunnel effect. Handcompressed. The love is in the code.


It's fading away

By Felix Woitzel
( @Flexi23, website )

Paints a procedural heart to an offscreen buffer's imageData , then a custom blur and a subtle fade to black filter are applied.


Canvas piano

By Sergey Shchur
( @antyrat )

To play on canvas piano just click on notes you see on canvas.


1k Spirograph

By Andrew Cattau

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…


AvoidaBall

By Willian Carvalho
( @chambftw, website )

A game where you have to avoid the balls as much as you can


1k Matchmaker

By Sergio Kuba
( @sergiokuba, website )

Find the other half! Click and select these bit people's dreamt person.


Love Story of a Tree

By Oliver Güther
( @MagnitudoOrg, website )

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

By Mark Biesheuvel
( @Mark_Biesheuvel, website )

A (multiple) heart(s) shaped cellelar automaton in which each cell keeps moving in the same direction.


Love Is

By Tom Scheper
( @xieke, website )

"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

By Prinzhorn
( @Prinzhorn, website )

Navigate your arrow through the tunnel of love. Avoid the walls!


Love Missil Command

By feiss
( @feiss, website )

Classic Missil Command game in 1k!


Metahearts

By Bert Peters
( @solution-info, website )

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

By Andi Smith
( @andismith, website )

Jetpack style game. Press any key to play, then any key to fly (keep key held to fly higher).


First Crush

By Tim Down
( @tpdown )

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.


Asteroids

By Dmitriy Kon
( @metreech, website )

This is Asteroids-like game for all game-lovers :)


snake game

By Huseyin Yilmaz
( @yilmaz_huseyin, website )

Classic snake game. Collect hearts before your opponent do. Use


Shooting star

By Marjoe

All our lives shining like shooting stars


Slime Loveyball

By Tim Down
( @tpdown )

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…


Aleph you

By Sean Seefried
( @seanseefried )


Hyperspace Hearts

By James Counihan
( website )

DESC: ♥ Fly into the heart of the wormholes to get the love! ♥ Points & time-limit - can you top 22 hyperjumps? ♥ Final Version


haml1k

By Alexander Ivanov
( @alehander42 )

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

By Huan Du
( @huandu, website )

Hey, my love is messed up. Can you help me to recover it? I want a perfect love!


shoot the hearts!

By bogdan gradianriu
( @gion_13 )

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!


8-Bit RPG Battle!

By Hugo Bonacci
( @hugoware, website )

Watch an 8-bit RPG battle unfold in epic 1K goodness!


Heartbeat

By Harald Lacherstorfer
( website )

EKG style heartbeat animation.


Feed The Geeks!

By Joan Creus

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

By Uwe Fleischer
( website )

fully functional (if a bit limited) tracking WebApp, uses localStorage, so the data will be persisted and you can keep tracking


Heart Drawing Tweet

By Todd Wolfson
( website )

Sketches a red heart surrounding an inner white heart


Love is in the air

By Edwin Martin
( @edwinmdev, website )

The text "Love is in the air", made of hearts, waving in a moving, cloudy sky.


Loveshell

By Roland Bouman
( @rolandbouman, website )

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

By Tom Scheper
( website )

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.


Love has no gender

By Vincent Thibault
( @robrowser, website )

Sex particles that generate a heart.


PlasmaOfLove

By ghenesis

Just a realtime plasma of love


Cardioids!

By Matthew Erickson
( @byteology )

Draws some colourful cardioids on the screen.


To Do List

By Richard Zhang
( website )

To do list kept in local storage. So close browser don't lose items.


js1kbin

By Peter Jaric
( @peterjaric, website )

A client-side only version of jsbin, jsfiddle, etc.


Computer Love

By Graham Licence
( @grahamlicence, website )

Kraftwerk cover


Functional Love

By Nuno Job
( @dscape, website )

Pattern matching in javascript for asynchronous iteration


Love Neo-Plasticism

By ewoudj
( @ewoudj, website )

Gallery of Neo-Plasticism art.


Scheme AST drawer

By Alexander Ivanov

The user can click on the canvas and enter a scheme exression.


Why am I single ?

By Victor Nicollet
( @victorNicollet, website )

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…


Flowery ant trail

By Raf Vanlathem

An ant falls in love and leaves a flowery trail.


Heart Binary Clock

By FxN
( @efexen, website )

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


Falling dots

By Bjørnar Fjær
( @bjornargf, website )

Falling dots within a rotating heart shape.


cube-pack

By javisantana
( @javisantana, website )

a one button game, try to not collide with the blocks!


What Lies Beneath

By Adis Hamzić
( @hamzadis, website )

Use your mouse to discover what is beneath the mask of fire. Technical description can be found here: http://vimeo.com/35057708


Drawing with hearts

By Zofia Korcz
( @intuitio )

Just get your cursor on canvas to draw hearts :)


Mini Love Text

By cartuchogl
( @cartuchogl, website )

After first try using canvastext, I use span elements to make mini love text animation.


boom♥!

By Mega

click and boom... ♥


Significant Whitespace

By Peter van der Zee
( @kuvos, website )

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 Love Math

By Damien Fayol
( @shezard )

Just some random experiment with math and love. Updated (thx @maettig)


I have a Crush on JS

By Aivo Paas
( @aivopaas, website )

JavaScript crusher with UI and a demo run on its own uncrushed source - all of that in 1024 bytes.


sprites of love

By ahonga!
( website )

A tribute to old Atari ST demos with many sprites, text scroll and water reflection...and love :)


Conway's Game of Life

By Aaron Marasco
( @aaronm67, website )

http://en.wikipedia.org/wiki/Conway's_Game_of_Life


pointfree

By #ponce
( @p0unce, website )

shadowBlur is still cute.


hard to draw

By Ron Valstar
( @sjeiti, website )

Draws hearts in the shape of a heart


Pipe Dream

By Scott Ellis
( @QOAL )

A version of the classic Pipe Dream/Mania game.


JS Music Box

By Troy Whiteley
( @dawnerd, website )

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.


Breakout Love

By Armel
( @ArmelNL )

A breakout game.


Catchy Hearts

By Thiemo Mättig
( @maettig, website )

Instructions: Move the mouse. Catch the hearts. Reload if the hearts are distorted. Full screen recommended.


I <3 XOR

By Jon Faviell
( website )

Radius is determined by mouse location. Yet another update to save a few more bytes.


Colorwheel 1K

By Brian Grinstead
( @bgrins, website )

HSV Colorpicker with RGB conversion.


Lovely Supershape Editor

By Andrew Luetgers
( @lootsauce )

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

By Aaron
( @__underscore )

Trippy strobe animation. A work in progress, going to try adding some interactivity next


A Rose is a Rose

By Roman Cortes
( @romancortes, website )

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

By Benjamin de Jager
( @M0rph3v5 )

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

By Michael Vinogradov
( @interfacemaster, website )

As you move your mouse around the screen, the cursor pours out it's heart to you.


Love Your Classics

By Richard Foligno
( @RickFoli )

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

By Steven Scott
( website )

Classic snake remake. Text based with added hearts ♥♥♥. Use the cursor keys to move up, down, left & right. Enjoy xxx


Spreading Love Liebe Amor

By ps
( @psenough, website )

Explosion of love in different languages.


Love is Infinite

By Tom Boutell
( @boutell, website )

Mandelbrot explorer! Zoom in, zoom out, save locations. Click at any time, don't wait for a render.


Hearts everywhere ;)

By Karol Białowąs

It draws hearts - click anywhere inside the window to add/remove a bit of chaos ;).


1kFly.js

By Daniel R.
( @sadasant, website )

Click to fork the flying heart.


LoveMeTender

By Coyotee
( @coyotee3, website )

Invokes images of Michael Jackson


Exploding hearts

By Daniel Connor
( @pixlCoder )

Creates an image of blocks that explodes when clicked. After a while the blocks return to their original positions.


Particles in Love

By Jack Rugile
( @jackrugile, website )

Lovely particles flying around. Move your mouse to change particle direction and color, based on a color wheel.


Bliss

By Rune Moennike
( @runemoennike, website )

Falling hearts with slight wind on a calm twinkly star and moon background.


Love trails

By Rauri Rochford
( @raurir, website )

Trails of particles describe a heart.


Love is (colour) blind

By Dethe Elza
( @dethe, website )

Animated 3D heart over animated background. Background is still in progress.


Heart Hunter

By tragicphantom

Shoot some hearts with your "bow" cupid.


Magic Carpet

By Alistair MacDonald
( website )

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.


heart beats

By jonp


Love of Fractals

By Eser Aygün
( @eseraygun, website )

The script executes given L-system code and generates fractals on the screen. This is the Hilbert curve:


Game of Nim

By John R. D'Orazio
( @Lwangaman, website )

/***********************************************************/


Love message

By Romaindr
( @romaindr, website )

Spread love with Hearts!


Tunnel of Love

By Madison Williams
( website )

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!


Solitaire Hearts

By Andrew Rodham
( @AndiRodham )

Solitaire style bouncing hearts


Spreading Love

By Stijn Van Minnebruggen
( @donotfold, website )

Explosion of love :)


Bouncing Hearts

By Barry O Sullivan
( @Bosulli_DUB )

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.


Plasma of love

By Kevin Roast
( @kevinroast, website )

A trippy pink plasma field with a parametric heart curve effect.


Lost in the dark

By Simon Fremaux
( @dievardump )

A little Heart, lost in the dark, followed by weird things, is looking for an escape.


Colorful hearts

By troti13
( @troti13, website )

Front end developer @thesedaysBE


1K Minesweeper

By Jason Manners
( @JasonManners, website )

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!


Don't Shoot...

By P Holland
( @Erifdex )

The love bullet strikes again.


Love.Liebe.Amor...

By Roy Evan Sia
( @pr00t )

Love in different languages.


Hearts in Space

By Jason

Fly through space where the stars are hearts!


Lapis Rose

By Jim Bumgardner
( @jbum, website )

An interpretation of the Rose equation.


Dragon Heart

By Kevin Greer

Flying dragon forms heart shape with its wings.


It makes the heart spin...

By Martijn Bosgraaf
( @DrywFiltiarn )

A 3d spinning heart with flat shading. The mesh is generated on the fly.


Heart Trails

By David Higgins
( @daveyhiggins, website )

A mouse trail with Unicode heart symbols! ♥


The love helix

By Chris Heilmann
( @codepo8, website )

Love is at the center of all life.


Markdown

By Andrea Giammarchi
( @WebReflection, website )

An almost fully implemented markdown parser in less than 1025 bytes ... nothing else :-)


Love lost and found

By Simon Madine
( @thingsinjars, website )

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…


Heart petals

By Maurice Svay
( @mauriz, website )

Draws a heart with hearts


Hidden Love

By Manel Villar
( @galchwyn )

Shows your love when the mouse moves across the screen. You can change the text using... the keyboard.


Cartesian Grapher

By Matt Neary
( website )

Prompts user for a function to graph. Includes sin, cos, tan, sqrt, PI, and exp amongst other math functions.


modern art generator

By sqek
( website )

up or down to change speed, left or right to change sharpness, randomly draws modern art


Chain Reaction

By Ben

Click anywhere on the screen to start a chain reaction. Pass the level quota, and you advance!


Broken Heart

By Floriaen
( @floriaen, website )

The colors of the broken heart are changing on both parts until they match.


Organ1k ♥ Edition

By "Cowboy" Ben Alman
( @cowboy, website )

Randomized unicode hearts in geometric patterns. You can also play with them using the mouse. Enjoy!


Pixel Love

By Aaron Snoswell
( @aaronsnoswell, website )

Some pixel-art love for everyone. Renders a spinning, pixel art heart.


Herz

By Michael

Paints growing and fading hearts across the screen.


mandelbrot

By Peter Braden
( @peterbraden, website )

Mandelbrot Heart


love ALL the web

By Andrea Giammarchi
( @WebReflection, website )

harts all over the page while mouse or touch move plus bigger centered hart on click


random phrases love

By Fabio Piva Francone
( @fabiodglass, website )

Generator of random phrases of love, where pressing F5 to refresh the web page will also update the sentence.


True love journey

By Christian
( @makepanic, website )

Finding your love is hard. Don't give up, somewhere out there is the right person for you.


Campsite Firefighter

By Paul Milham
( @domrein, website )

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!


Love is pure

By Bernhard Hofmann
( @bernhardhofmann, website )

Something to get the ball rolling. My first canvas code EVAR!


funky fabric

By vor
( @_vor, website )

generate an infinite colorful land of color