Overview:

Pixel Art Together is a free multiplayer pixel art editor powered by Liveblocks. It allows users to collaborate in real-time and create pixel art together with a range of features and tools.

Features:

• Use different drawing tools: Pixel Art Together offers a variety of drawing tools to cater to different artistic styles and preferences.
• Up to 20 players at once: Users can collaborate with up to 20 players simultaneously, making it ideal for group projects or creative sessions.
• Draw on different layers: The ability to draw on different layers allows for easy organization and editing of artwork.
• Use opacity & blend modes: Users can adjust the opacity and blend modes of their drawings, adding depth and creativity to their artwork.
• Undo/redo any mistakes: Pixel Art Together provides an undo/redo function, ensuring that users can easily correct any errors or changes they want to undo.
• Export art as svg or png files: Users can conveniently export their finished artwork as SVG or PNG files, making it easy to share or use in other projects.

Installation:

To run Pixel Art Together locally, follow these steps:

1. Install all dependencies with npm install.
2. Create an account on liveblocks.io.
3. Copy your secret key from the dashboard.
4. Create a file named .env.local and add your Liveblocks secret as an environment variable: VITE_LIVEBLOCKS_SECRET_KEY=sk_test_yourkey.
5. Run the code locally by executing the command npm run dev.

Alternatively, if you prefer to run the project on CodeSandbox, follow these steps:

1. Open the repository on CodeSandbox using the provided link.
2. Create an account on liveblocks.io.
3. Copy your secret key from the dashboard.
4. Create a secret named VITE_LIVEBLOCKS_SECRET_KEY with the secret key you just copied.
5. Add an environment variable by creating an account on CodeSandbox.
6. Refresh your browser, and you should be good to go!

Summary:

Pixel Art Together is a multiplayer pixel art editor that allows users to collaborate in real-time. With its range of features such as different drawing tools, multiple layers, opacity and blend modes, and export options, it offers a comprehensive platform for creating pixel art. The installation process provides options for running the project locally or on CodeSandbox, ensuring flexibility for users. Powered by Liveblocks, this editor offers a dynamic and interactive experience for artists and creators.