blocks|key|1247691|text|有很多选择，这里是一个绘图库列表(以及更多的)库。三最受欢迎的可能是Processing.js、Raphael.js和Paper.js。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1247692|看一看游戏引擎总是很好的(我觉得紊流很有前途)。当性能很重要时，使用WebGL是一个很好的选择(Three.js很流行，Babylon.js看起来很有希望)。|1247693|我真的很喜欢遮阳玩具，尽管玩着色器不是唯一的选择。|1247694|我的个人观点|style|BOLD|1247695|我强烈推荐Paper.js，因为它是面向对象的，这带来了很大的不同，所有的事情都要简单得多。|1247696|但是，请注意，如果您有复杂/高度详细的动画场景，则可能会出现性能问题(+Processing.js或Raphael.js的情况与此相同，问题在于画布的性能，而不是库本身)。|1247697|在这种情况下，基于SVG+(或WebGL)的库可能更适合，您可以看到这线程(阅读注释)以获得更多信息。|1247698|entityMap|0|LINK|mutability|MUTABLE|url|http://www.slant.co/topics/28/~what-are-the-best-javascript-drawing-libraries|1|http://www.smashingmagazine.com/2012/02/22/web-drawing-throwdown-paper-processing-raphael/|2|http://html5gameengine.com/|3|http://biz.turbulenz.com/developers|4|http://threejs.org/|5|http://www.babylonjs.com/|6|https://www.shadertoy.com/|7|https://stackoverflow.com/questions/5593274/tools-for-glsl-editing|8|http://paperjs.org/|9|https://stackoverflow.com/questions/23884074/cad-in-a-browser-html5-canvas-and-performance-limitations-of-javascript-browser/23934899#23934899^0|6|2|0|P|1|1|0|3|4|2|G|2|3|1C|8|4|1O|A|5|0|6|4|6|J|5|7|0|0|6|0|5|8|8|0|0|Y|1|9|0^^$0|@$1|2|3|4|5|6|7|1H|8|@]|9|@$A|1I|B|1J|1|1K]|$A|1L|B|1M|1|1N]]|C|$]]|$1|D|3|E|5|6|7|1O|8|@]|9|@$A|1P|B|1Q|1|1R]|$A|1S|B|1T|1|1U]|$A|1V|B|1W|1|1X]|$A|1Y|B|1Z|1|20]]|C|$]]|$1|F|3|G|5|6|7|21|8|@]|9|@$A|22|B|23|1|24]|$A|25|B|26|1|27]]|C|$]]|$1|H|3|I|5|6|7|28|8|@$A|29|B|2A|J|K]]|9|@]|C|$]]|$1|L|3|M|5|6|7|2B|8|@]|9|@$A|2C|B|2D|1|2E]]|C|$]]|$1|N|3|O|5|6|7|2F|8|@]|9|@]|C|$]]|$1|P|3|Q|5|6|7|2G|8|@]|9|@$A|2H|B|2I|1|2J]]|C|$]]|$1|R|3|-4|5|6|7|2K|8|@]|9|@]|C|$]]]|S|$T|$5|U|V|W|C|$X|Y]]|Z|$5|U|V|W|C|$X|10]]|11|$5|U|V|W|C|$X|12]]|13|$5|U|V|W|C|$X|14]]|15|$5|U|V|W|C|$X|16]]|17|$5|U|V|W|C|$X|18]]|19|$5|U|V|W|C|$X|1A]]|1B|$5|U|V|W|C|$X|1C]]|1D|$5|U|V|W|C|$X|1E]]|1F|$5|U|V|W|C|$X|1G]]]]

There are (too) many choices, <a href="http://www.slant.co/topics/28/~what-are-the-best-javascript-drawing-libraries" rel="nofollow noreferrer">here</a> is a list of drawing (and more) libraries.
The <a href="http://www.smashingmagazine.com/2012/02/22/web-drawing-throwdown-paper-processing-raphael/" rel="nofollow noreferrer">three</a> most popular ones are probably Processing.js, Raphael.js and Paper.js.

It's always good to have a look on <a href="http://html5gameengine.com/" rel="nofollow noreferrer">game engines</a> as well (<a href="http://biz.turbulenz.com/developers" rel="nofollow noreferrer">turbulenz</a> seems promising to me). Working with WebGL is a good choice when performances matters (<a href="http://threejs.org/" rel="nofollow noreferrer">Three.js</a> is popular, and <a href="http://www.babylonjs.com" rel="nofollow noreferrer">Babylon.js</a> seems promising).

And I really like <a href="https://www.shadertoy.com/" rel="nofollow noreferrer">shadertoys</a>, although it is not <a href="https://stackoverflow.com/questions/5593274/tools-for-glsl-editing">the only option</a> to play with shaders.

My personal opinion

I strongly recommend <a href="http://paperjs.org/" rel="nofollow noreferrer">Paper.js</a> since it is object oriented, this makes a big difference, everything is much simpler. 

However, be aware that you might have performances issues if you have complex/highly detailed and animated scenes (same thing with Processing.js or Raphael.js, the problem being the performances with the canvas, not the library itself). 

An SVG (or WebGL) based library could be a better fit in this case, you can see <a href="https://stackoverflow.com/questions/23884074/cad-in-a-browser-html5-canvas-and-performance-limitations-of-javascript-browser/23934899#23934899">this</a> thread (read the comments) for more information.

blocks|key|461466|text|openFrameworks现在通过http://arturocastro.net/files/of-emscripten/支持Javascript+/浏览器|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|461467|另外，请查看p5.js+(js的更新处理)+http://hello.p5js.org/|461468|entityMap|0|LINK|mutability|MUTABLE|url|http://arturocastro.net/files/of-emscripten/|1|http://hello.p5js.org/^0|I|18|0|0|M|M|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

openFrameworks now supports Javascript / Browser via Emscripten <a href="http://arturocastro.net/files/of-emscripten/" rel="noreferrer">http://arturocastro.net/files/of-emscripten/</a>

Also, check out p5.js (an updated processing for js) <a href="http://hello.p5js.org/" rel="noreferrer">http://hello.p5js.org/</a>

blocks|key|461451|text|Processing.js可能是最接近JavaScript版本的OpenFrameworks。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|461452|entityMap|0|LINK|mutability|MUTABLE|url|http://processingjs.org/^0|0|D|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://processingjs.org/" rel="nofollow">Processing.js</a> is probably the closest thing you'll get to a JavaScript version of OpenFrameworks.

blocks|key|461825|text|现在有了一个新的库，它类似于处理，但面向的是复杂的javascript。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|461826|p5.js|461827|它很容易加工。测试版就在外面。|461828|官方网站：http://p5js.org/|offset|length|461829|以下是youtube简介：https://www.youtube.com/watch?v=8j0UDiN7my4|461830|entityMap|0|LINK|mutability|MUTABLE|url|http://p5js.org/|1|https://www.youtube.com/watch?v=8j0UDiN7my4^0|0|0|0|5|G|0|0|D|17|1|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@$H|Z|I|10|1|11]]|A|$]]|$1|J|3|K|5|6|7|12|8|@]|9|@$H|13|I|14|1|15]]|A|$]]|$1|L|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S]]|T|$5|O|P|Q|A|$R|U]]]]

Well, there is now a new library that is like processing but complety javascript oriented. 

p5.js 

Its simmilar to processing. The beta is outthere. 

Oficial website : 
<a href="http://p5js.org/" rel="nofollow">http://p5js.org/</a>

Here is the youtube intro : 
<a href="https://www.youtube.com/watch?v=8j0UDiN7my4" rel="nofollow">https://www.youtube.com/watch?v=8j0UDiN7my4</a>

Recently I've been looking into the field of Visual Regression Testing. I intend to give it a shot developing a tool that compares the visual representation of a site (a screenshot, for example) to the provided design to see if they're a match.

A few years back I had a chance to develop an interactive art installation with OpenFrameworks, which has the capability of proper graphical processing. My question is, though - is there any decent alternative to OpenFrameworks in JavaScript?

OpenFrameworks alternative for JavaScript

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

最近，我一直在研究视觉回归测试领域。我打算给它一个截图，开发一个工具来比较网站的视觉表现(例如，截图)和提供的设计，看看它们是否匹配。几年前，我有机会开发了一个与OpenFrameworks交互的艺术安装，它具有正确的图形处理能力。不过，我的问题是，除了OpenFrameworks in JavaScript，还有什么像样的替代方案吗？

问OpenFrameworks替代JavaScript
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问OpenFrameworks替代JavaScriptEN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问OpenFrameworks替代JavaScript
EN