processing还是p5.js的根本区别和各自优势是什么

processing还是p5.js的根本区别和各自优势是：P5是处理语言的直接JS端口。 Processing.js是一个转换器，可以将纯处理代码即时转换为JS。 后者要求您学习处理，而不是JS，反之亦然。

一、processing还是p5.js的根本区别和各自优势

P5是处理语言的直接JS端口。 Processing.js是一个转换器，可以将纯处理代码即时转换为JS。 后者要求您学习处理，而不是JS，反之亦然。

Processing.js是一个使用原始Processing代码（与Java类似，具有类型和所有类型）并将其即时转换为JavaScript的库。 实际上，您在Processing.js网站上的浏览器中运行的示例实际上是实时转换为JS的纯Processing代码。 例如，这种转换类似于使用Dart2js在没有内置Dart VM的浏览器中运行Dart代码时获得的转换。 另一方面，P5是将Processing完全转换为JS代码的功能-所有功能最终都将被翻译，并且您将使用JavaScript编写。

在Processing.js中，您需要使用数据源定义一个画布区域，该数据源会导致一个PDE文件（一个包含Processing源代码的文件）。 也有其他方法，但总的来说就是这样。 在P5中，您直接编写JS代码，它的执行方式与您网站上包含的任何其他JS文件一样。

扩展 ：另一个区别是P5可以使用附加库进行扩展。 例如，添加的p5.dom.js库增加了以下选项：使用P5创建和处理HTML元素，向滑块中添加滑块，按钮，表单元素以及更多内容，就像演示者在我们链接到的Hello视频中所做的一样上一节。

需要注意的是两个，只有P5正式被支持加工基金会甚至还有用于处理用户的过渡手册这里 。

延伸阅读：

二、PVector

描述一个二维或三维矢量的类，特别是欧几里德（也称为几何）矢量。为3D）。可以通过mag（）和heading（）方法访问大小和方向。

在许多Processing示例中，您将看到用于描述位置，速度或加速度的PVector。例如，如果您考虑在屏幕上移动一个矩形，则在任何给定的时刻，它都有一个位置（从原点到其位置的向量），速度（对象的位置随时间单位变化的速率）作为向量）和加速度（物体的速度随时间变化的速率，表示为向量）。由于向量表示值的分组，我们不能简单地使用传统的加法/乘法等。相反，我们需要做一些“矢量”数学，这通过PVector类中的方法变得容易。