【问题标题】:Simulation of animation in javascript is slow在javascript中模拟动画很慢
【发布时间】:2012-08-10 17:54:00
【问题描述】:

我正在尝试使用遗传算法优化交通信号灯时间。我用html5制作了流量动画,GA是用javascript实现的。所以,当我想运行该动画的模拟时,它会永远运行。

动画每 20 毫秒绘制一次信号量和汽车,并为下一次迭代更新值。在模拟中我只调用更新函数,因为我不需要绘制信号量和汽车。

所以动画和模拟之间的区别在于,模拟不会在画布上绘制任何东西,它在 while 循环中运行,而动画在 setInterval 循环中运行。

有什么想法可以加快模拟速度吗?

我试图计算每辆车的行驶时间,但这真的很难,因为您需要将等待时间包括在红灯、拥堵等情况下。

【问题讨论】:

  • 你能贴一些代码或者设置一个 JS Bin 演示吗? “模拟那个动画”是什么意思?此外,setInterval 从未用于动画 - 你看过 requestAnimationFrame 吗?
  • 根据您的代码,也许可以考虑将模拟外包给webworker,然后将更新发送到主线程。

标签: javascript html genetic-algorithm


【解决方案1】:

如果我在模拟中对您的理解正确,您将在 while 循环中运行无限运行的代码(或非常长时间运行的代码)。

这是你的问题。在 C++ 和 Java 等语言中,由于多线程,这是非常正常的做法。当他们咀嚼代码时,其他代码仍然可以运行,屏幕仍然可以更新......等等。

JS 是单线程。它实际上只是继续运行那个while循环,几乎什么都不做,破坏了程序的任何平稳运行。以这种方式使用 while 循环在单线程语言中绝对是“永远不要这样做”的事情。

【讨论】:

    猜你喜欢
    • 2019-08-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-04-27
    • 1970-01-01
    • 2012-01-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多