欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

p5.j​​s是什么?

程序员文章站 2022-03-30 08:57:28
...
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'); //背景颜色蓝色 
}

输出:

p5.j​​s是什么?

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

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

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

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

相关标签: p5.j​​s