Home

processing p5 js 动画与游戏制造

改 2017 6.13

processing 动画转换 转向 js客户

这意味着 我可以 在 codepen 上展示

减少一下，js加载流量

如何使用

Processing 有自己的 动画规则语言 较为易懂易用

现在 你只需要一个

fire.html

 <html>
  <head>
    <script src="//cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.js"></script>
    <script src="sketch.js"></script>
  </head>
  <body>
  </body>
</html>

sketch.js

// Global variables
function setup() {
  createCanvas(640, 480);
}

function draw() {
  if (mouseIsPressed) {
    fill(0);
  } else {
    fill(255);
  }
  ellipse(mouseX, mouseY, 80, 80);
}

就这样 就是上 显示的

例子可以看 ：p5 学习

大师级

或者 可汗学院