首页  >  文章  >  web前端  >  p5.j​​s是什么?

p5.j​​s是什么?

藏色散人
藏色散人原创
2019-04-23 13:36:564644浏览

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是什么?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn