Wibbit

Drawing? Easy. With tetrominoes? Absolutely not.

Comment

Inspiration

I wanted to build something completely unnecessary, ridiculously fun, and truly deserving of the Silly Sh!t category. Inspired by games like Tetris, r/Place, and the general chaos of Reddit, I asked myself: “What if pixel art... but with gravity?” And that’s how Wibbit was born, a game where you draw 16×16 pixel art and challenge others to recreate it using falling tetrominoes. It’s silly, frustrating, and strangely addictive.

What it does

  • Lets users create 16×16 pixel art using a palette-based pixel editor.

  • Users can post their art as a challenge.

  • Other players can open the challenge in a webview and attempt to recreate the art.

  • The gameplay is similar to Tetris, blocks fall and can be moved left, right, or down.

  • Once completed, the game automatically adds a comment to the post showing the player’s best completion time.

How I built it

  • Frontend: TypeScript with HTML Canvas for both pixel art creation and the falling block game.

  • Game logic: Custom tetromino physics and pixel art dissection logic.

  • Design: TailwindCSS.

  • Reddit integration.

Challenges I ran into

One of the trickiest parts of building Wibbit was creating a custom algorithm that takes a 16×16 pixel art image and breaks it down into a sequence of tetrominoes that can be used to recreate it. The goal was to ensure that every challenge is actually possible to solve.

What I learned

  • How to handle precise grid-based drawing and rendering in Canvas.

  • The quirks of Reddit's API and how to integrate external apps into Reddit posts.

  • How much fun it is to build something that's intentionally silly.

What's next for Wibbit

  • Leaderboards & Reddit flair integration for top creators and solvers.

  • Polish the mobile experience so it's smoother in-app and on touchscreens.

Built With

Share this project:

Updates