p5.js入门学习-背景图片

107 阅读1分钟

当我们想要将图片作为背景图时,可以通过以下方式函数实现。

语法:

let bg;
let y = 0;
function setup() {
  // 背景图像的大小必须和 createCanvas() 函数中的参数一样。
  // 该图像大小为 720x400 像素。
  createCanvas(720, 400);
  bg = loadImage('图床地址');
}
function draw() {
  // 设置背景图
  background(bg);
  stroke(226, 204, 0);
  // 绘制直线
  line(0, y, width, y);
  // 每循环一次,y的值+1,上面绘制直线的命令就会由向下移动的效果。
  y++;
  if (y > height) {
    y = 0;
  }
}
new p5();

p5js 开源社区 - 乐述云享 (aleshu.com)