web draw

ウェブドロー

ちょっとしたリアルタイムのオンライン共同描画プログラム。 https://draw.marbal.ca

Web Draw は、ユーザーが共有キャンバス上にリアルタイムで描画できるようにする Web アプリです。現在は少し荒れていますが、あちこちで改善が見られます。

どのように機能するのでしょうか?

Web Draw はユーザーを接続するセッションを使用します。セッション内のすべてのユーザーは同じキャンバスで作業します。

各セッションには一意のセッション IDがあり、任意の値に設定できます。セッション ID が指定されていない場合は、ランダムな 4 文字のセッション ID が生成されます。セッション ID は、新しい ID がまだ取得されていない限り、いつでも変更できます。

オプションでセッションにパスワードを設定できるため、パスワードを提供できるユーザーのみが参加できます。セッションのパスワードはいつでも変更または削除できます。

現在利用可能なツール

• ペンツール

• 消しゴムツール

• 塗りつぶしツール

• カラーピッカーツール

• 長方形選択ツール

• ラインツール

• 長方形ツール

• 楕円ツール

実際にはどのように機能するのでしょうか?

Web Draw は、「Web」部分に WebSocket を使用し、「Draw」部分に Web Canvas API を使用します。

WebSocket サーバーは Node.js の ws モジュールを使用し、msgpack-lite を使用してクライアントと MessagePack を通信します。ユーザーがアクションを実行すると、サーバーにそのアクションが通知され、必要に応じて他のすべてのセッション メンバーにそのアクションが通知されます。