動的な HTML5 キャンバス アニメーションを作成したいと考えています。このアニメーションでは、サーバー側の変数を使用する必要があります。
目標は、パスと、このパスを移動している多数のオブジェクト (サーバー側変数) を使用してブラウザーにキャンバスを表示することです。各オブジェクトには速度が必要です (サーバー側の変数)。したがって、すべてのオブジェクトは異なる速度で移動しています。オブジェクトはユーザーを表し、すべてのユーザーはオブジェクトの速度を変更できます。この変更により、実行中のすべてのキャンバスが更新されるため、すべてのユーザーが同じアニメーションを視聴します。
これは HTML5 Canvas で作成できますか?
はい、キャンバスはクライアント側の高速アニメーションに非常に便利であるため、ソリューションの一部にすることができます。
ただし、サーバー側とその間の作業が増えます。
サーバー側では、簡単なマルチタスクと長いタスクを可能にするテクノロジーを使用する必要があります。Java または Go サーバーは、これを簡単に行うことができます (たとえば)。
サーバーからブラウザーへの thobject プロパティ (位置と速度を含む) の送信については、websockets をお勧めします。これにより、データが計算されたらすぐにサーバーがデータをブラウザーにプッシュできるようになるためです (ブラウザーはまだ開く必要があります)。必要な限り開いたままにしておくことができます)。