你想学p5吗,其实很简单,很多人刚开始,都觉得有点难,但别担心,跟着步骤走,很快就能画出,自己的第一个作品,今天就来聊聊,p5如何入门,以及几个关键点。
先看准备工作第一步,是打开编辑器,你可以用官方的,在线编辑器,非常方便,不用安装,打开浏览器就行,当然,你也可以,下载到本地,用VSCode来写,看个人习惯,第二步,是理解画布,p5的核心,就是一块画布,你所有的图形,都在上面绘制,所以先设置好,画布的大小,用createCanvas函数,比如,createCanvas(400, 400),这就创建了,一个400像素的,正方形画布。
再看基础绘制p5的绘图,从两个函数开始,一个是setup,它只运行一次,用来做初始化,另一个是draw,它会反复运行,就像动画的每一帧,在draw函数里,你可以画圆,用ellipse函数,画矩形,用rect函数,改变颜色,用fill函数,比如,fill(255, 0, 0),就是红色,这些命令组合起来,就能画出,简单的图案了,试试画个,红色的圆在中间,ellipse(200, 200, 50, 50)。
接着是互动与动画想让画面动起来,就要用到,鼠标和键盘了,p5提供了,很多内置变量,比如mouseX和mouseY,它们代表,鼠标的位置,你可以让图形,跟着鼠标移动,这样就有互动了,动画的原理,是每一帧,都改变一点位置,或者颜色,在draw函数里,不断更新,变量的值就行,比如,让一个圆,从左边移到右边,每次循环,x坐标加1,直到移出画布。
最后是常见问题很多人会遇到,代码不运行的情况,首先检查,控制台有没有报错,语法错误,最常见,比如少了括号,或者分号,看看画布,是不是创建成功了,有时候函数名,写错了也不知道,另一个问题是,图形没显示,可能是颜色,设置成了背景色,或者位置,超出了画布范围,多调试几次,就能找到原因。
p5入门不难,关键是多动手,从画一个点开始,慢慢尝试复杂图形,遇到问题别怕,官方文档很全,社区也很活跃,多看别人的代码,进步会更快,希望你能,享受创作的乐趣。

