这段时间上互动媒体技术的课，接触到p5.js编程，老师很给力，他把教程写成了CSDN的博客，他写得很基础，没有什么编程基础的同学也可以看得懂的。然后可能是因为自己有一定的编程基础，看着他的教程就觉得很简单，看完他的教程，感觉还是不错的。
一共看了他的9篇教程，1.1—1.9，在这里贴上1.1，也就是入门第一篇教程吧，大家想入门p5.js可以去看，教程：开始第一幅“码绘”！
那大家可能会说，都已经把老师的教程贴出来了，为什么还要自己写一篇博客呢？这不是多此一举嘛！
不是的，不是的！！！CSDN不只是传播知识、传播技术的地方，还是一个总结自己所学，记录自己成长的地方。所以在这里，我会总结一下自己看完老师的教程之后，一些自己的感悟。
在学习p5.js之前，因为学校里面的大创，大创指导老师的研究方向是数据可视化，所以曾经有一个寒假，花过一段时间接触了前端编程三件套（HTML5、CSS3以及JavaScript），当然只是接触了一点罢了，看了一些视频教程，跟着后面学，没有深入研究。
但是也算是有一点基础的吧，毕竟p5.js也就是JavaScript的一个函数库，也是在浏览器上面去运行展示的，所以这些基础对于我入门p5.js是有帮助的。
p5.js这个库很丰富，好多函数都是封装好的，对于我这种，奉python为神的程序猿，简直是如获瑰宝！好了不多说闲话了，开始我的总结。
1. p5.js编程主要是编写两个函数
p5.js这个库，其实不只是给我们提供了很多可以调用的函数，最重要的是，它给我们提供了一整个框架。
我们不需要去了解太多，只需要编写两个函数，即可实现我们想要的效果，这两个函数就是setup()（准备阶段）和draw()（实时更新），想要在网页上面画出东西，就在setup()函数里面准备画板，然后在draw()函数里面作画即可，如下：
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
}
2. 用好变量和常量
在编程中，会接触到不少常量和变量，常量就是固定的值嘛，变量就是可以变的值，这个是很好理解的。
那么，为什么要强调一下用好它们呢？嘿嘿，要知道p5.js是“给艺术家准备的编程”！而变量能做什么？变量可以让我们的画，动起来，可以实现传统艺术不能实现的动态效果，也可以方便我们和画作进行交互（键盘鼠标）。
这些东西呢，如果你们看了我老师的那个教程，你们就会明白。
那么，其实动态性和交互性是p5.js相对于传统艺术创作，最大的优势所在了。
3. 做好函数封装，调用函数更方便
有一定的编程基础的同学应该都知道的是，在编程中，函数封装很重要。
你写好一个函数，一般在很多地方都会用到，而且在不同的地方用到函数的时候，可能参数还不一样。
所以呢，写好一个函数然后再去调用这种思路很重要，这一点在p5.js中也是很必要的。
4. 用好循环结构，简化代码更高效
引用老师的一句话“雷同的重复导致无聊，变化的重复制造美”，看一下下面的图片你就能感受到了：（图片来自老师的博客）
上面这个就是典型的雷同的重复导致无聊，
下面的可以看到，就是变化的重复，制造美！
哈哈，这就是p5.js的魅力了，动态性是不是给了我们不一样的感受呢？！
这也是在编程中实现艺术的魅力所在。在老师的教程中还有关于交互性体现艺术的例子，感兴趣的同学可以去看，去练习。
编程的艺术是逻辑的艺术，很显然它有缺点，它太注重逻辑性，会缺失的是即兴创作的感受，计算机的艺术就是逻辑的艺术。但是，可以看到的是逻辑的艺术也很美。
前段时间看新闻，看到了人工智能画家，现在的AI已经可以进行画作创作了，画出来的话很好看，我觉得这就是计算机的艺术性，是很美很有趣的逻辑艺术。
其实换句话说，逻辑的艺术不就是我们程序猿的艺术嘛，哈哈！
所以说呀！大家想入门逻辑的艺术的话，快去看我老师的教程吧，去开始你的第一篇码绘啦！！！