javascript - 如何制作基于个人浏览器的动态 GUI

Question

我有(我自己的)java应用程序来控制和监控模型铁路。当然，它基于 Swing，GUI 会随着火车在布局中移动而动态变化。 GUI(当然)与连接到运行应用程序的计算机的显示器绑定(bind)在一起，该计算机与布局上的电子设备相连。

是否可以重新安排一些内容，以便可以使用(WiFi 连接的)浏览器远程打开某些窗口(可能在不支持 Java 的手持设备上)，并且无需为每个可能的手持设备执行 native 应用程序？

我需要绘制、删除和移动:文本、线条和图像。每列火车都由一个小图像表示，该图像随着火车的移动而逐像素移动，因此可能涉及相当多的更新。请参阅http://groups.yahoo.com/group/mergtcc/示例轨迹图窗口。

显然，更改的发生无需用户交互，因此服务器(当前的应用程序加上可能的附加功能)需要在更改发生时发送更改，最好无需客户端轮询。

我想同时支持多个客户 - 也许布局上的每列火车一台手持设备。

Answer 1

我只是脑残:

使用 html + javascript 动态重新定位代表火车的某些 html 元素。那应该有出色的浏览器支持。在大多数手持设备上，让它们足够频繁地移动以显示动画可能不会成为性能问题。使用 html canvas 来绘制火车是另一种选择，具有相当好的支持。我不确定什么效果最好。

使用套接字连接。浏览器支持参差不齐。 Socket.io 项目旨在为各种方式提供一个外观，以在各种浏览器中实现类似套接字的连接。使用 socket.io 的跨浏览器界面进行构建可能会节省大量时间并提高质量。我还没有使用过它，但看起来他们有一些 java 服务器端实现，这似乎很适合你。