程序启动时,将运行setup()函数。它用于设置初始环境属性(例如text-color),屏幕大小,背景色,并加载媒体文件(例如图像和字体)。该程序仅包含一个setup()函数。初始执行后,不能再次调用setup()函数。
注意:setup()函数中的变量声明不能被包括draw()函数在内的其他函数访问。
用法:
setup()
以下示例说明了p5.js中的setup()函数:
范例1:
function setup() {
// Create Canvas of given size
createCanvas(400, 300);
}
function draw() {
background(220);
// Use color() function
let c = color('green');
// Use fill() function to fill color
fill(c);
// Draw a rectangle
rect(50, 50, 300, 200);
}
输出:
范例2:
function setup() {
// Create Canvas of given size
var cvs = createCanvas(600, 250);
}
function draw() {
// Set the background color
background('green');
// Use createDiv() function to
// create a div element
var myDiv = createDiv('GeeksforGeeks');
var myDiv1 = createDiv('A computer science portal for geeks');
// Use child() function
myDiv.child(myDiv1);
// Set the position of div element
myDiv.position(150, 100);
myDiv.style('text-align', 'center');
// Set the font-size of text
myDiv.style('font-size', '24px');
// Set the font color
myDiv.style('color', 'white');
}
输出:
相关用法
- p5.js box()用法及代码示例
- PHP exp()用法及代码示例
- PHP Ds\Map get()用法及代码示例
- CSS var()用法及代码示例
- d3.js d3.mean()用法及代码示例
- PHP pi( )用法及代码示例
- d3.js d3.sum()用法及代码示例
- d3.js d3.map.set()用法及代码示例
注:本文由纯净天空筛选整理自jit_t大神的英文原创作品 p5.js | setup() Function。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。