如何将数据从Processing发送到HTML页面

Question

我正在寻找一种将数据从处理发送到网络浏览器的方法，具体来说，我正在寻找一种方法将数据发送到Three.js并以可视方式显示，但我＆＃39;麻烦此刻难倒。

Answer 1

javascript中有两个主要的处理端口：ProcessingJS和更新的p5.js。

p5.js端口应该很容易集成：请查看此wiki article on js libraries

这取决于经验和个人偏好：您应该完全能够使用其中任何一个进行集成。

p5.js 是简单的vanilla javascript所以没有问题集成，但你需要注意Processing语法和p5.js等价物。

Processing.js 应该允许您按原样保留大部分Processing（java look）语法，但是您需要从JS获取对Processing.js草图的引用以进行集成three.js所。请务必查看Pomax's Guide to Processing.js以获取更多深度说明，如果您在Processing IDE中使用JavaScript模式，请参阅环境和HTML5示例。

<强>更新 您可能只是在寻找一种方法将数据/变量从现有的Processing sketch发送到浏览器，在这种情况下，websockets是可行的方法。你处理草图还需要成为一个websocket服务器（它可以通过java库来完成），然后你的three.js网页将成为一个websocket客户端。查看this answer了解详情。

Answer 2

为什么不使用Processing来显示LED？如果您已经使用Processing作为照明逻辑，只需在那里可视化，不需要浏览器或Three.js。