p5.js入门学习-整数与浮点数

90 阅读1分钟

p5js是一门弱数据类型语言,因此不需要再声明变量的时候就立马确定其数据类型究竟是整数还是浮点数(小数)。

// 创建全局变量a和b
let a = 0;
let b = 0;
function setup() {
  // 画布:720*400
  createCanvas(720, 400);
  stroke(255);
}
function draw() {
  background(0);
  // 1为整数
  a = a + 1;
  // 0.2为浮点数
  b = b + 0.2;
  // 画布上方的一条竖线
  line(a, 0, a, height/2);
  // 画布下方的一条竖线
  line(b, height/2, b, height);
  // 思考:为什么一条移动的快,一条移动的慢?
  // 当a点/b点的第一个坐标x大于画布宽度了,重新将其置0
  if(a > width) {
    a = 0;
  }
  if(b > width) {
    b = 0;
  }
}
new p5();

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