html - 动态 HTML5 画布动画

Question

我想创建一个动态的 HTML5 画布动画。此动画应使用服务器端变量。

目标是在浏览器中显示一个画布，其中包含一条路径和一些正在移动该路径的对象（服务器端变量）。每个对象都应该有速度（服务器端变量）。所以每个物体都以不同的速度运动。一个对象代表一个用户，每个用户都可以改变他的对象的速度，这个变化应该更新每个正在运行的画布，所以每个用户都观看相同的动画。

这可以用 HTML5 Canvas 创建吗？

Answer 1

是的，画布可以成为解决方案的一部分，因为它对于客户端的快速动画非常方便。

但是你会有更多的工作服务器端，介于两者之间。

在服务器端，您应该使用一种能够轻松完成多任务处理和长时间任务的技术。Java 或 Go 服务器可以轻松地做到这一点（例如）。

对于从服务器向浏览器发送 thobject 属性（包括位置和速度），我建议使用 websockets，因为它们使服务器能够在计算数据后立即将数据推送到浏览器（浏览器仍然必须打开连接，但它可以根据需要保持打开状态）。