Welcome to PixelPlayground, a unique adaptation of Reddit's r/place that features a history section displaying time-lapses of all previous boards. Every 12 months or when the canvas reaches full capacity, the board is cleared, and its contents are preserved forever in the history section.
Initially, I built PixelPlayground using plain JavaScript, PHP, CSS, and HTML for the front-end, with MySQL for the back-end database. Although this first version was a functional r/place replica, it lacked aesthetic appeal and real-time interaction. The front-end called the database every 5 seconds, which didn't offer a true real-time experience.
After several months of development, I implemented a Node.js WebSocket server that facilitated real-time pixel updates between the front-end and MySQL database. This upgrade allowed for a genuinely interactive experience, as updates are now broadcasted to all connected users.
Thank you for visiting my project. Enjoy your time at PixelPlayground!