Welcome to Almost Reddit Place 👋
I decided to create this project to showcase what
is capable of and learn how to work with canvas on a website.
I took the idea from Reddit Place, where the Reddit team added
a minigame similar to this one for a few weeks after April
Fools' Day 🤪
In this game, anyone can color 1 pixel of 500x500 canvas every
10 seconds. There is a palette of colors you can pick from to
create your masterpiece. If you want to work on a big
painting, feel free to invite your friends to help you 🖼️
Fun fact: Appwrite implementation took less than 2 hours!
✨ Tips and Tricks
Center of the canvas is your cursor. This means that if you
paint a pixel, it will paint the one in the middle of the
canvas. You can drag&drop with your mouse to move around the
canvas to move this cursor. The cursor is visible, so there
shouldn't be any problem painting any pixel you want. If it
feels tricky selecting a specific pixel, you can zoom in to
make it easier.
If you focus inside canvas (click it), you can now use WASD
(or arrows) to move around. Hold SHIFT to move 3 pixels
instead of one. You can also use numbers on the keyboard to
switch colors and press SPACE to paint the pixel.
If canvas lags on your device, you can zoom in. The more you
are zoomed-in, the fewer pixels your device needs to render,
the faster it is.
If you paint the pixel white, it resets the pixel. You won't
see your name on such a pixel, it will become an empty
If you register, the first part of your email becomes your
username. The username is publicly visible, so feel free to
create a fake account if you don't want to share your email.