r/notplace
Gemeinsame Pixelkunst, ein Pixel nach dem anderen.
Die Herausforderung
Inspiriert von Reddits r/place bestand die Herausforderung darin, eine massiv parallele Pixel Leinwand zu bauen, die tausende gleichzeitige Nutzer in Echtzeit unterstützt, mit minimaler Latenz und ohne visuelle Artefakte.
Die Lösung
Eine Echtzeit Leinwand gebaut mit React und der HTML5 Canvas API im Frontend, angetrieben von Convex als Backend Plattform. Convex bietet automatische Echtzeit Datensynchronisation, verarbeitet gleichzeitige Pixelplatzierungen und überträgt Updates sofort an alle verbundenen Clients ohne manuelles WebSocket Management.
Highlights
Was dieses Projekt auszeichnet
Echtzeit Pixelplatzierung mit sofortiger Synchronisation über alle Nutzer
Convex Backend für automatische Echtzeit Datensynchronisation
Effizientes HTML5 Canvas Rendering für große Pixelraster
Zoom und Schwenk Steuerung für die Canvas Navigation
Farbpalette mit individueller Farbauswahl
Einblicke
Visuelle Eindrücke
Die kollaborative Pixel Art Leinwand in Aktion
Nächstes Projekt
T IT AN GmbH
Schluss mit der Nacharbeit nach jeder Begehung.
Projekt ansehen