Welcome to Almost Reddit Place 👋

I decided to create this project to showcase what Appwrite 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 pixel.
• 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.