前端也能搞艺术创作？来看一下P5.js

随着技术的演进，硬件环境性能的大幅提升，人们对于现代PC、手机及各设备UI界面的审美要求越来越高，对整体交互模式操作感，即视感的追求也多变得多元化，也催生了3D模拟、虚拟现实等一大批技术的发展。

但由于编程语言方面及载体硬件水平的限制，像Processing这样的图形界面开发框架仅仅局限于后端，那么打卡君今天要说的这个p5.js，可能打破这样一个局面。

那么，什么是P5.js?

首先我们先了解一下什么是Processing，Processing基于Java,是一个为开发面向图形的应用（visually oriented application）而生的简单易用的编程语言和编程环境。Processing的创造者将它看作是一个代码素描本。它尤其擅长算法动画和即时交互反馈，所以近年来在交互动画，复杂数据可视化，视觉设计，原型开发和制作方向越发流行，大家都喜欢这个可爱贴心，简洁好用的编程工具。

我们可以把它理解成是一门指在促进视觉艺术与编程之间进行读写能力交流的语言。Processing帮助虚拟艺术创作者怎么编程来创造艺术，也帮助编程者怎么用代码来进行艺术创作。就像是代码的素描本，可以在上面制作静态的画作，也可以制作动态的画作。P5.js就是一个Javascript库，一个基于Processing的库，并扩展了虚拟范例，包括动态交互和声音。

简单一点，我们可以把p5.js看作是javascript的素描本。

由于p5.js是新出现的一个前端库，它可能在实践或使用中有这样那样的缺点，但随着研究和使用的人不断增多，其相关的扩展插件会越来越多，其功能也越来越完善。

它现在没有一个清晰的用npm安装的步骤。它只有一个下载链接，里面是一堆javascript文件。也没有用ES6语法的例子，所有的范例用的是ES5语法。

不过好消息是除了官网的学习资源，已经有大牛在github上创建了p5js-es6引导程序，最后，最重要的事，粘贴出知识所在：

官网：【p5js.org】

大神github引导程序：【p5js-es6-starter】

学海无涯，找出兴趣所在，深挖自身潜力。记得关注公众号码上打卡，码上打卡祝你学习快乐！