当前位置:Gxlcms > JavaScript > p5.j​​s是什么?

p5.j​​s是什么?

时间:2021-07-01 10:21:17 帮助过:15人阅读

p5.js是一个用于创造性编码的JavaScript库。它是以processing 为基础的,是一种创造性的编码环境。它最初是由Ben Fry和Casey Reas开发的。processing 的主要重点是使初学者尽可能容易地学习如何编写交互式、图形化的应用程序,通过可视化使编程语言更加友好。

使用JavaScript编程语言的优势在于其广泛的可用性和无处不在的支持:每个web浏览器都内置了JavaScript解释器,这意味着p5.js程序可以在任何web浏览器中运行。

此外,Processing是一种语言,它强调程序员快速创建软件原型的可行性,以尝试一个新想法或查看某个东西是否有效。因此,Processing(和p5.js)程序通常称为“草图”。

p5.js的官方文档建议使用Bracket 或Sublime,然后包含JavaScript文件,最后引导我们像任何其他编程语言一样工作。但是在线p5.js Web编辑器是最好的选择。它基于web的编程环境。

p5.js和JavaScript的区别?

JavaScript是一种核心语言,它提供了在浏览器中构建任何功能的所有特性。它可以使用循环,函数,条件,DOM操作,事件,画布等。因此,可以通过使用它来开发和设计任何框架。

p5.js是一个JavaScript库。p5.js运行在纯JavaScript上,提供了一些功能,使得JavaScript用户可以很简单的在web上绘制。

例子:

function setup() { 
  createCanvas(400, 400); //画布大小400*400 
} 
  
function draw() { 
  background('blue'); //背景颜色蓝色 
}

输出:

ba9d5cba3c6e1f7b58d2b562f2d14e6.png

setup():它是setup()函数中的语句。它在程序开始时执行一次。createCanvas必须是第一个语句。

draw(): draw()中的语句将被执行,直到程序停止。每个语句都是按顺序执行的,在读取最后一行之后,将再次执行第一行。

p5.js官网:https://p5js.org/

以上就是p5.j​​s是什么?的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行