JavaScript的OpenFrameworks替代方案

Question

最近我一直在关注视觉回归测试领域。我打算开发一个工具，将网站的视觉表现（例如截图）与提供的设计进行比较，以确定它们是否匹配。

几年前，我有机会使用OpenFrameworks开发交互式艺术装置，它具备适当的图形处理能力。不过我的问题是，JavaScript中是否有任何像OpenFrameworks一样好用的替代品？

- EvilBeer

Answer 1

openFrameworks现在通过Emscripten支持Javascript /浏览器http://arturocastro.net/files/of-emscripten/

此外，请查看p5.js（更新的js处理）http://hello.p5js.org/

- bakercp

---

我看过Arturo的演示，它们非常棒！目前我可以开始使用吗？（如果可以，怎么做？） - George Profenza

Answer 2

有太多的选择了，这里是一个绘图（和更多）库的列表。 其中最受欢迎的三个可能是Processing.js、Raphael.js和Paper.js。

也可以看看游戏引擎（turbulenz对我来说很有前途）。当性能很重要时，使用WebGL是一个不错的选择（Three.js很受欢迎，而Babylon.js看起来很有前途）。

我非常喜欢ShaderToy，虽然它不是玩转着色器的唯一选择。

我的个人意见

我强烈推荐Paper.js，因为它是面向对象的，这使得一切都变得更简单了。

但是，请注意如果你有复杂/高度详细和动画场景可能会导致性能问题（同样适用于Processing.js或Raphael.js，问题在于canvas的性能，而不是库本身）。

在这种情况下，基于SVG（或WebGL）的库可能更适合，您可以查看this线程（阅读评论）获取更多信息。

- arthur.sw

---

非常感谢您的支持 :) - EvilBeer

Answer 3

Processing.js可能是你能找到的最接近JavaScript版本的OpenFrameworks。

- Vivek

Answer 4

现在有一个新的库，类似于processing但完全基于JavaScript。

p5.js

这类似于处理。测试版已经发布。

官方网站： http://p5js.org/

这是YouTube介绍： https://www.youtube.com/watch?v=8j0UDiN7my4

- Julián