P5.js代码基础学习记录

Posted 2021-12-28 KAI-yq

1.let为局部变量，var为全局变量。
例：

function draw() 
	if(true) 
		let x = 10;//只作用于if
		var y = 20;//同时作用于draw
	

2.preload()函数，不接受任何参数，通常用于加载图片，字体，3D模型等
例：

let img;
function preload() 
	img = loadImage(blacksun.jpg);//需要在代码文件夹内

3.createCanvas()函数，创建画布，设置画布大小。
例：

function setup() 
	let canvasSize = min(windowWidth, windowHeight);
	createCanvas(canvasSize, canvasSize);

4.P5.js打印数值调试方法有print()和console.log()，运行时在浏览器界面按F12，选console即可查看打印内容

print(canvasSize);
或者
console.log(canvasSize);

5.定义的Particle类
例:

let particles = [];
for(let i = 0; i < 10000; i++) 
	particles.push(new Particle(random(width), random(height)));//每个粒子的生成位置

6.向量里的sub函数表示向量相减，mult表示乘
例：

let attraction = p5.Vector.sub(this.target, this.pos);