Continuation of the topic of Shared Canvas

Your video on the shared canvas using websockets and node.js has really inspired me. I would love to see a video covering some more basics that I could expand from on my own.

Main Goal: Allow multiple users (3+) to control their own object, like a rectangle, on the screen that moves when directional keys are pressed. Trigger events when they collide. We can keep it easy and make them change color.

Extra Credit: Have a server wide object on the screen that appears for everybody, whoever touches it first gets a "point" and the object changes location. We could use the idea of the "food" object from your snake game but make the food visible to all users.

It would be a great way to learn more of the basics of node.js/websockets and then eventually we could tie what we've learned in with the Agar challenge. I could even use the Snake example to create a local "slither.io" game which would really be awesome.

Thanks for providing, what I consider, college level education for free!!

WebSockets と Node.js を使用した既存の共有キャンバス動画から始め、次に issue 内の Snake の例と Agar challenge の参照を確認します。完成したコントリビューションでは、要求されたマルチプレイヤーの移動、衝突時の色の変更、共有オブジェクトのスコアリング動作（任意）を解説動画で扱います。

索引モデルが issue の本文から書いたものです。