{"repo":"brandonasuncion/Pixel","free":true,"listed":false,"github":"https://github.com/brandonasuncion/Pixel","clone":"git clone https://github.com/brandonasuncion/Pixel.git","description":"A real-time collaborative canvas, inspired by Reddit Place","language":"JavaScript","stars":28,"topics":["pixel","pixel-art","nodejs","javascript","easeljs","websockets","mongodb","reddit"],"license":"Apache-2.0","category":"deployment-docker-iac","readme_excerpt":"Pixel Pixel is a real-time collaborative canvas inspired off of Reddit's Place. It uses the EaselJS JavaScript library to interact with an HTML5 canvas element, and uses MongoDB to store pixel data. It's open source, and it's entirely scriptable! Though, unlike Reddit Place, everything is anonymous. However, it can be configured to set a rate limit for each IP address. Try it out yourself! A live demo is available! Setup / Deployment General Setup 1. Install the Node.js dependencies. 2. If your webserver is running on a different public server than the WebSocket server, modify src/public/scripts/pixel-config.js to point to your WebSocket server. eg. 3. (Optional) Adjust the dimensions of the canvas, zoom settings, or even the color palette. NOTE: The canvas size needs to be set in two places (one for the server and one for the browser). For the server set at the top of PixeServer.js, and for the browser set in pixel-config.js. 4. (Optional) Enable MongoDB support by creating a database with a collection named pixels . When running the script, make sure the MONGODB URI environment variable is set. In Heroku, it's under Settings - Config Variables . Note: If the MongoDB URI is not set, all pixel data will only be kept in memory and will not be saved after a script reload. Deployment 1. Run the WebSocket server. 2. Upload the src/public/ folder to your webserver of choice. Dependencies Node.js EaselJS toastr jQuery PixelSocket Scripting and Automation Pixel can be manipulated wi","default_branch":null,"files":null,"tree":[],"storefront":"/r/brandonasuncion","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/brandonasuncion/Pixel/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}