Skip to content
/ resources Public

Tools, assets and tutorials for creating small web games.

js13kgames.com/resources
214 stars 150 forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

js13kGames/resources

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

577 Commits
.github/workflows
.github/workflows
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 

Repository files navigation

Micro game engines

  • LittleJS Lightweight 2D JavaScript game engine with fast WebGL rendering
  • ox Tiny 2D game framework for the web
  • Selfish Class-free, pure prototypal inheritance
  • Mibbu JavaScript game microframework
  • Allegro.js JavaScript port of a game programming library
  • Ocelot Minimalist HTML5 2D game engine, Ocelot aims for simplicity and small filesize
  • Tiny-Canvas Lightweight minimal implementation of a batched and stack matrix based Canvas with WebGL backend
  • Ga Tiny, cute and friendly system for making HTML5 games
  • Umbra Customizable framework based on Ga, designed for the 2020 js13kGames jam
  • Kontra A lightweight JavaScript gaming micro-library, optimized for js13kGames
  • JS13K 2017 Kit A pico-8 like graphics engine and game boilerplate
  • js13k-ecs A 1kb entity component system, designed for js13k
  • js13k-2d A <2kb 2D WebGL renderer, designed for js13k
  • ant-ecs An object-based ECS implementation meant for learning, on a tiny codebase.
  • floppy A micro game engine for beginners
  • Jabo Micro Game Engine Lightweight and beginner-friendly micro game engine
  • Craters A modular JavaScript framework reimplemented in TypeScript for rapid HTML5 game development
  • platform-engine 2D platform engine that handles collisions, slopes, rotations, etc.
  • CSS3Dframework 1.5kb library to render 3D scenes using CSS3D shapes and sprites, and move the camera
  • WebGLframework 1.5kb library to easily render 3D scenes using WebGL
  • 280 bytes responsive, hackable, mobile friendly game framework With native arrow keys / WASD / ZQSD key inputs detection
  • Mini2Dphysics 1.5kb 2D physics engine. Just set the gravity, create Circles and Rectangles, and watch them fall and collide
  • 2D isometric map An example of isometric 2D map renderer on 2D canvas. Each tile can have a custom height
  • Hexagonal map An example of hexagonal map renderer on 2D canvas
  • MiniDragAndDrop A DOM-based, easy-to-use drag&drop library for desktop and mobile browsers (1/2kB zipped)
  • MiniIK A tiny Inverse Kinematics example
  • responsiveTouchGameFramework Responsive canvas game framework with unified mouse/touch inputs
  • litecanvas 4kb canvas game engine for small games
  • W A 3kb WebGL framework with tons of features
  • microW A very simple 1kb Webgl scene renderer with cool features

Sound and music

Artwork and fonts

  • OpenGameArt Free graphics assets
  • Sprite generator 1 color sprite interpreter
  • Voronoise Procedural pattern generation
  • Blockies Identicon generation
  • Pixel map generator Generate pixel maps
  • Pixen Pixel art editor for Mac OS X
  • CompressPNG Compress PNGs online
  • TinyPNG Advanced lossy compression for WebP, PNG and JPG (preserves alpha transparency)
  • Pixel Font Tiny pixel font
  • Piskel Pixel Art and Animated Sprites
  • aseprite Animated sprite editor & pixel art tool
  • Pyxel Edit A pixel art editor designed to make it fun and easy to make tilesets, levels and animations
  • js13k mini-svg editor Create mini-SVG graphics for your js13k game using a webbased editor
  • Canvas-Txt The better way to print multiline text on HTML5 canvas with auto line breaks and alignments
  • SpriteStack Voxel editor for 2D artists with retro renderer & animation support. Exports spritesheets, slices & vox models
  • tinyfont.js Tiniest possible pixel font for your JS games (<700b zipped)
  • RLE sprite editor Editor and converter for Run Length Encoded sprites. Make tiny pixel art sprites in a text format.
  • PetitePatterns A collection of micro (1/2kb) repeating SVG patterns
  • Mini SVG Creator Create tiny SVG images with a mouse and keyboard (ellipses, rectangles, paths with lines, curves, arcs...)
  • SVGenerator a dynamic SVG generator with custom colors
  • CSSprite Gather many images/icons into a single PNG file to save hundreds of bytes
  • Mini Pixel Art 8-color pixel-art editor that outputs a JS snippet to render the image on a 2D canvas without using an image file
  • Unicode13/shapes A list of all the shapes and emoji present in Unicode 13 (warning, some of them aren't available on all OS's)
  • Unicode13/emoji Emoji polyfill (allowed in JS13kGames entries!) to add consistent support for Unicode 13 Emoji across OS's
  • js13k-path A super short polygon editor and drawer (each new point is encoded on 1 ASCII char)
  • Mini pixel font Generate a pixel-art font with a few lines of JS
  • Raycasting Render a 3D scene on a 2D canvas from a 2D grid using column-based raycasting
  • Nice galaxy background Generate a nice procedural galaxy background with stars
  • Image Encryptor 8-color pixel-art image encryptor - gives the same output as Mini Pixel Art, but based on images you provide
  • pxtex Tiny random pixelized image generator
  • Mini Pixel Image Editor Multi-project pixelart editor with variable palette size. Remembers your palette and compresses sprites into a string.
  • Mini Pixel Font Editor Multi-project pixel font editor. Compresses your font into a string.

Boilerplates

  • js13k-boilerplate js13kGames boilerplate
  • js13k Gulp workflow A gulp-powered workflow with source file minification, image optimization and zip generation
  • js13k-toolkit Starter repository for js13kGames, a set of tools for developing a JS game and keeping it under 13kb
  • js13k-requirejs Require.js-powered application template with build tools
  • js13k-rollup Gulp/Rollup powered template with support for ES2015 modules and build tools
  • js13k-starter Sample js13k project structure, example and Gulp build process
  • js13k-webpack-starter Build with a single command, dev server, es2015 support
  • js13k-base Simple commands, a server, and a sample game + framework
  • js13k-webpack-typescript-starter-party Starter Webpack project to transpile TypeScript, build, and zip your game
  • js13kgames-parcel-starter Starter repo to build, zip, and check the file size of your game with a single command
  • js13k starter Gulp starter watching changes, and tasks to compile, minify, inline, and zip you game for better optimization
  • js13kGames-boilerplate Includes game loop, utility functions and webpack config to package game with just one command
  • gamejam-boilerplate Mini boilerplate for 2D canvas games with keyboard/mouse/touch support, live reload & optimized zip build
  • TypeScript Starter Powerful and easy to use Vite-based build process that minifies then compresses with RoadRoller and ECT
  • WebGL TypeScript Starter Same as above but adds automatic shader minification
  • PWA starter pack Gulp-powered progressive web app template with Roadroller, browsersync and included service worker

Minification / Compression

WebXR resources

Other tools

  • Video Game Name Generator Generate a name for your game
  • stats.js JavaScript performance monitor
  • Live Editor Live JavaScript code editor
  • Minivents Small event system for JavaScript
  • js13kserver Sandboxed JavaScript game server
  • timestore Library to manage multiple timers inside separate contexts
  • innerself A React/Redux-like view and state management for your game's UI, in less than 400 bytes
  • Element Simple Builder A small lib to create and update complex DOM from JS, with SVG support
  • js13k-level-editor 1kb 2D map editor that you can use for your game (or include in your game!)
  • 3D map editor 3D map editor with a bunch of 3D shapes / sprites, textures and rotations, with a tiny JSON output
  • EscApe Unicode string decoder/analyzer
  • Mini Fourier Interactive 2D fourier demo (commented source code, 1kb minified)
  • Mini KeyCode Find the keyCode of any keyboard key
  • Mini URI Convert assets (sound, image, ...) in Base64. You may save hundreds of bytes by embedding them in your index.html
  • Mini Hex A mini Hexadecimal viewer/editor
  • Bacionejs edit JavaScript code on phone offline

Tutorials

Videos and podcasts

Blog posts and post mortems

2013

Post-mortems

2015

Articles

Post-mortems

2016

Articles

Post-mortems

2017

Articles

Post-mortems

2018

Articles

Post-mortems

2019

Articles

Post-mortems

2020

Post-mortems

2021

Articles

Post-mortems

2022

Post-mortems

2023

Post-mortems

2024

Articles

Post-mortems

About

Tools, assets and tutorials for creating small web games.

js13kgames.com/resources

Topics

javascript art game list engine resources sound starter

Resources

Readme
Activity
Custom properties

Stars

214 stars

Watchers

14 watching

Forks

150 forks
Report repository

Contributors 144

+ 130 contributors