p5天下第一怎么玩？新手快速上手攻略看这里！

今天心血来潮，想试试*，听说是神器，搞可视化一流，咱也来赶个时髦，看看它是不是真有那么神！

准备工作

得有个地方写代码？我直接在 ???? ?????????? 上面找到在线编辑器，点进去就能直接开干，方便得很！不用搭环境就是爽！

然后，我得知道*是啥玩意儿！简单看下官方介绍，，原来是Processing的JavaScript版本，Processing我熟，当年大学还玩过！这么一说，我就有点底气。

画个圈圈

先来个简单的，画个圆圈试试手。我记得Processing里面画圆的函数叫ellipse，*应该也差不多？

小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区

在编辑器里敲几行代码：

• function setup() {
• createCanvas(400, 400);

• function draw() {
• background(220);
• ellipse(50, 50, 80, 80);

还真画出来！一个灰底的圆圈，出现在画布上。看来*上手还挺快的嘛

让圈圈动起来

光画个静态的圈圈没意思，得让它动起来！我想想，Processing里面有个变量叫mouseX，可以获取鼠标的x坐标，那我就用它来控制圆圈的位置！

我把代码稍微改改：

• function draw() {
• background(220);
• ellipse(mouseX, 50, 80, 80);

保存，运行！哇！圆圈真的跟着鼠标动起来！太酷！

加点颜色

黑白的圈圈有点单调，我得给它加点颜色！Processing里面有个fill函数可以填充颜色，我猜*应该也有！

我继续改代码：

• function draw() {
• background(220);
• fill(255, 0, 0);
• ellipse(mouseX, 50, 80, 80);

运行！这回圆圈变成红色的！真漂亮！

总结

今天玩*玩得挺开心的，感觉它确实很强大，而且很容易上手。画个圈圈，让它动起来，再加点颜色，几行代码就搞定！下次我再试试用它做点更复杂的东西！p5天下第一！（开个玩笑，哈哈！）