在processing.js 中使用处理库

发布于 2024-12-09 00:02:55 字数 821 浏览 0 评论 0原文

对于那些不知道的人来说,Processing 是一个很棒的 Java 库 = 用于呈现漂亮的数据可视化效果,并用作以下内容的包装器:乔格。

Processing.js 是该库的 Javascript 端口。

为了在 HTML 中创建处理小程序,您需要 3 样东西。

  1. processing.js
  2. everything.html
  3. everything.pde // 处理程序

我基本上正在尝试 js 版本,问题是如果 pde 中包含任何库,它就不会加载到画布内。


以下是 2 个示例:

  1. 是一个无需库即可生成一些基本形状的示例。
  2. 这是一个使用方便的 fisica 库的示例。如果我尝试使用与此相同的格式,则它将无法加载。

我有两个假设:

  1. 在使用processing.js 中的任何库之前必须完成一些配置。
  2. 所有用于处理的库都放在默认库文件夹 \Processing\modes\java 中。 HTML 文件显然无法达到这一点,因此也许还有另一种方法可以将文件添加到应用程序中?

For those that don't know, Processing is a great Java library =for rendering nice visualizations of data and serves as a wrapper for JOGL.

Processing.js is the Javascript port of this library.

In order to create a processing applet inside HTML, you need 3 things.

  1. processing.js
  2. anything.html
  3. anything.pde // Processing program

I'm basically trying out the js version and the problem is that if any libraries are included in the pde, it won't load inside the canvas.


Here are 2 examples:

  1. This is an example that spawns some basic shapes with no libraries required.
  2. This is an example that uses the handy fisica library. If I try it in the same format as this then it will not load.

I have 2 hypotheses:

  1. There is some configuration that must be done before using any libraries in processing.js.
  2. All libraries for Processing are put in the default library folder \Processing\modes\java. This is obviously not being reached by the HTML file so perhaps there is another way to add the files into the application?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

下壹個目標 2024-12-16 00:02:55

不幸的是,Processing.js 不支持处理库。这是因为它们是编译后的 Java 字节码,而不是 Java 源代码。对于物理学,您可以使用 Box2D.js。请参阅processingjs.org 上的教程。如需详细了解与Processing相比Processing.js的局限性,请参阅我们的P5快速入门指南

Unfortunately, Processing.js does not support Processing libraries. This because they are compiled Java bytecode, not Java source code. For physics, you could use Box2D.js. See a tutorial on processingjs.org. For more information on the limitations of Processing.js as compared to Processing, see our P5 quick start guide.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文