据我所知,所有草图在窗口加载后开始构建。我如何知道草图何时完成加载,以及如何调用函数?
基本上我有一个包含在数组中的草图名称数组:
var stageTypes = ['sketch1', 'sketch2']
我遍历数组来构建每一个:
function buildStageNew () {
stageTypes.forEach( function (stageType) {
var currentBuild = p5Build(stageType);
// Store all the sketches in a global window
// object so I can call them later if necessary
window.stages[stageType] = currentBuild
})
}
function p5Build (stageType) {
return new p5(
function (sketch) {
sketch.setup = function () {
sketch.createCanvas(700, 410)
sketch.rect(40,40,40,40)
}
}, stageType)
}
它实际上并没有在现场构建它们,但是...... p5存储它们然后在窗口加载时执行实际的草图构建。我认为一旦草图完成加载,就会发生某种回调......