I sorta pieced together a bunch of different ideas eg. How to access the canvas API, how to "getContext", how to draw an image on that 2D context, how to repeatedly draw the image x times per second, how to design an input control system that modifies the object coordinates, etc. You are probably well acquainted with MDN so their Canvas tutorial is a good bet, but I personally really loved this "HTML Canvas Deep... Source: about 3 years ago

Yjs - CRDT-based collaborative editing framework. - Source: dev.to / 3 months ago

Of course, you don’t have to code this functionality from scratch! You can also look at open-source software like Yjs, text-crdt, Automerge and so many more. Alternatively, you can check out tools like Liveblocks, Ably, etc. Which enable collaborative multi-player features. - Source: dev.to / 9 months ago

I've built this app some time ago but only shared with close friends. It has been useful for me so I decided to share here. It works by sharing state with yjs [1], as long as you are in the same session, i.e. The same path. https://github.com/yjs/yjs. - Source: Hacker News / 12 months ago

I write undo/redo/history in web/JS extensively. This the best lib out there for such tasks IMHO: https://github.com/yjs/yjs And you're right. You don't want undo/redo only in multi-user apps. You want to have each user have their own local undo/redo events that they can apply and unapply from the shared state which has its own events apart from each user. Everyone... - Source: Hacker News / about 1 year ago

After reviewing the ~600 lines of code, I have to ask what about this undo/redo manager is "advanced"? This seems like a naive implementation of a snapshot collection that is selected via array index. It's not event sourcing, OT or CRDT. With every event, the entire object is serialized and put into the heap. I can't even imagine what this does for performance when you deal with any object of significant size.... - Source: Hacker News / about 1 year ago