Day13 - 画布操作与编制复杂图形3

创建多张画布

如果要有遮色效果或者两个图层不想互相被干预可以考虑增加内部画布去让自己操作比较能够好处理

let graphic //设定新的画布
function setup() {
	createCanvas(windowWidth, windowHeight);
	graphic = createGraphics(100,100); // 制造画布
	background(100);
}

function draw() {
	graphic.ellipse(mouseX, mouseY, 20, 20); // 设定特定的graphic 变数上的画板画图
	image(graphic,0,0)  //用图片把画板要做的事情呈现出来
	
}

图层叠层的概念

let graphic //设定新的画布
function setup() {
	createCanvas(windowWidth, windowHeight);
	graphic = createGraphics(width,height); // 制造画布
	background(100);
}

function draw() {
	fill('red');
	rect(0+frameCount,0,200,200);// 原本画布要做的事情
	graphic.ellipse(mouseX, mouseY, 20, 20); // 设定特定的graphic 变数上的画板画图
	image(graphic,0,0)  //用图片把画板要做的事情呈现出来
	
}