Martin/Collaborative-pixel-art
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
No description
24 commits 1 branch 0 tags 1,007 KiB
  • TypeScript 92%
  • JavaScript 5%
  • CSS 2.4%
  • Dockerfile 0.6%
Find a file
Aldess fd8b60e84a Update script.js
2023-11-25 18:47:52 +01:00
public Update script.js 2023-11-25 18:47:52 +01:00
.gitignore added suport for the canvas to be saved on the reload of the server 2023-07-21 21:57:20 +02:00
package-lock.json added suport for the canvas to be saved on the reload of the server 2023-07-21 21:57:20 +02:00
package.json Update package.json 2023-08-25 22:51:36 +02:00
README.md updated readme 2023-07-21 19:22:41 +02:00
server.js Update server.js 2023-11-25 18:47:22 +01:00

README.md

Collaborative Pixel Art

Collaborative Pixel Art is a web application that allows multiple users to collaboratively create pixel art on a shared canvas in real-time.

Setup Instructions

To set up the project, follow these steps:

  1. Clone the repository:

    git clone https://github.com/elektricm/collaborative-pixel-art.git

  2. Install Dependencies:

    Make sure you have Node.js and npm (Node Package Manager) installed on your system. Then, install the project dependencies by running in the project folder:

    npm install

  3. Start the server:

    npm start

    or

    node server.js

  4. Open the application in your browser:

    Open the following URL in your browser: http://localhost:3000

Features

Usage Each user can select a color from the color selector on the right side of the canvas. To place a pixel on the canvas, simply click on the desired grid cell using the selected color. All connected users will see the changes in real-time as pixels are placed or updated on the canvas.