java - 从Processing3.4插入HTML(java)

我目前正在学习使用代码（Java）处理“艺术”的处理。但是，我现在正在努力将此.pde插入网页。

我已经在网上搜索了，但似乎找不到。


如何将导出的.pde文件插入HTML。
还有其他解决方案吗？随时欢迎任何提示！


。

static final int NUM_LINES = 10;

float t;                           // variable

void setup() {                    //Make
  background (20);
  size(500, 500);
}

void draw(){                    //Draw
  background(20);
  stroke(255);
  strokeWeight(5);

  translate(width/2, height/2);   //center point


  for (int i = 0; i < NUM_LINES; i++) {
    line(x1(t + i), y1(t + i), x2(t + i), y2(t + i));              //drawing line
  }
  t+= 0.5;                                           //increment T
}

float x1(float t) {
  return sin(t / 10) * 100 + sin(t / 15) * 100;
}

float y1(float t){
  return cos(t / 10) * 100;
}

float x2(float t) {
  return sin(t / 10) * 100 + sin(t / 15) * 100;
}

float y2(float t){
  return cos(t / 20) * 100 + cos (t / 12) * 20;
}

谢谢你们！

最佳答案

简短的答案：您需要processing.js才能在HTML中包含Java pde文件。

背景：处理基于Java编程语言。基本上，您不能（或不应再尝试）在浏览器中使用Java。由于使用了名为Applet的类，因此这可能成为可能。但不建议使用，不再受处理支持。

解决方案：如果要在Web浏览器中使用处理行为，请参考基于JavaScript的实现-ProcessingJS http://processingjs.org/

这是他们页面的摘录：http://processingjs.org/articles/jsQuickStart.html#whyprocessingjs


  最初创建Processing.js的目的是允许现有的Processing开发人员和现有的Processing代码（通常称为草图）在网络上未经修改地工作。因此，推荐的使用Processing.js的方法是编写Processing代码，并让Processing.js在运行之前将其转换为JavaScript。


它提供了几种将处理功能传递到Web的方法。您可能会在这里找到此选项http://processingjs.org/articles/jsQuickStart.html#waystouseprocessingjs

对于您的特殊情况，您可以在此处找到快速入门部分。主要是，您需要包括processing.js库和一个包含pde的画布-有关更多信息，请参见Quickstart Guide：

<script src="processing-1.0.0.min.js"></script>
<canvas data-processing-sources="<your-pde-file>.pde"></canvas>

HTH，Sabine