js1024

js1024

Annual JavaScript Golfing Competition

Status: OPEN. Theme: LIQUID

Submit a project

About

Participants have 15 days to create a cool JavaScript or GLSL program in 1024 bytes or less.
Check out the rules and the existing demos for some cool examples.
Entry is free, so give it a try, it's really fun! >:)

• 1st of July - theme is announced, competition starts, submission form is open
• 19th of July - deadline!!! submission form is closed, you can rate other projects (19 Jul 9:00 PM GMT+00:00)
• 1st of August - no more ratings!
• a few days later - boom, the results are published and winners are announced

Press here if you want to be announced when it starts

Rules

• Your source code mustn't take up more than 1 KiB
• No malicious/harmful code allowed
• You're not allowed to extract personal data from users
• No external files allowed (external scripts and images will be automatically blocked)
• Do not share your private participant key. You will use it to rate other projects
• Upload a readable version (+ comments) of your code to help people understand it (optional)

I will analyze the code before making demos public in order to ascertain if they are safe.

How It Works

• Submit a project when the submission form is open
• Rate other people's projects using a secret key as proof of identity (only participants can rate other projects)
• The person with the highest rating in each category gets the fabled #1 place

Demo Categories & Shim Details

Classic Canvas Mode Download shim
• a = the canvas element
• b = the body element
• c = the 2d context
• d = the document element
• M = a bool that indicates if the user is on mobile
P5.js demo
• The p5js library will be used in your demo (p5.sound isn't included)
• You only need to submit the script (the setup(), draw() and the other stuff...)
• Check out the documentation: https://p5js.org/get-started/
Shader demo Download shim
• Write your entry like a Shadertoy demo (WebGL1 / GLSL ES 1.0 only)
• Canvas is responsive but its ratio is fixed: 16/9
• Shader inputs: iResolution (w, h), iTime (float), iTimeDelta (float), iFrame (int), iMouse (x, y, clickx, clicky), iDate: float
No shim
• It's an empty HTML file, lol. You start from scratch. Anything is allowed (2d canvas, 3d, etc...)
Note: there was a p5js category in the past but I removed it to keep things balanced
Note: some chars take more than 1 byte: 2 bytes for chars U+80 to U+7FF, 3 bytes for chars U+800 to U+FFFF, 4 bytes for chars U+FFFF to U+10FFFF, when encoded in UTF-8
Note: in 2024, all demos will have the navigation bar my default. Under this bar, there will be an iframe with your demo, so you have to make sure your demo works inside iframes

Code Minificators
(from js13kgames resources)

Try Terser - a live version of the Terser ES6+ minifier
babeljs - JS (ES2015/2016/2017) minifier based on Babili, choose your flavor in the "presets" dropdown
GLSL Minifier
Another shader minifier
Packer - JavaScript compressor
Roadroller - Flattens Your JavaScript Demo
JavaScript Minifier - minify your JavaScript
RegPack - self-contained packer for size-constrained JS code
Closure Compiler - compile your code
UglifyJS - JavaScript parser / mangler / compressor / beautifier
Extreme Javascript minification - compression experiments
miniMinifier - tiny (but super efficient) HTML and CSS minifiers
Minify - a JavaScript and CSS minifier
JSCompress - a compression tool for javascript
ZPNG Minifier - in-browser jsExe
int2binary2html - helps you to encode a long list of integers (0-255) in binary and embed it in your index.html
Terser-online - a live version of the Terser ES6+ minifier, with extra compression options because every byte counts

Tutorials & Guides
(from js13kgames resources)

TRICKS TO GOLF IN JAVASCRIPT
StackExchange thread for javascript golfing tips
js13kGames tutorial - How to make a text game with HTML5
Getting started with HTML5 game development
Tiny platformer
Trigonometry cheat sheet
How to support arrow keys, WASD and ZQSD keyboard inputs in just 56+ bytes of JS
How to make games with CSS3D
Procedurally Generated Dungeon Tutorial
Creating simple music using the Web Audio API
WebGL guide

Postmortems & Articles related to demos

1Keys - How to Make a Piano in only 1kb of JavaScript
Batafuraiko - Winner of JS1024 2021
Star Traveler Postmortem
JavaScript Butterfly Sakura 1k Postmortem
JavaScript Balloon 1k Postmortem
Detective Moji postmortem: a javascript game in just 1024 bytes
Professor Moji: a javascript educational game in just 1024 bytes
JS1024: A post-mortem for Space Hopper 👾

Big thanks to our donors!

Frank Force Evan Hahn TGY xem Joey Twiddle Lewis Nakao Staś Małolepszy Raimon Ràfols nrkn lionleaf

JS1024 is made with by traian
contact: admin@js1024.fun