【p5.js学习笔记】码绘的基础知识

目录

一、绘前准备

1. 准备画布：  createCanvas(720, 400);

2. 设置背景颜色： background(r,g,b,a); / background(gray)

3. 是否绘制形状：noStroke(); / noFill();

二、选择绘制模式

1. 绘制边框：stroke(r,g,b,a);

2. 填充边框：fill(r,g,b,a);

三、绘制基础形状

---

在线编辑器：https://editor.p5js.org/#

参考文档：https://p5js.org/zh-Hans/reference/

官方示例：https://p5js.org/zh-Hans/examples/

---

一、绘前准备

1. 准备画布：  createCanvas(720, 400);

制作一个 720 像素宽 400 像素高的画布。

2. 设置背景颜色： background(r,g,b,a); / background(gray)

常用形式：传入参数为RGBA四个通道值 或 一个灰度值。

其余形式参考 https://p5js.org/zh-Hans/reference/#/p5/background