p5.js setup()用法及代碼示例

程序啟動時，將運行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'); 
   
}

輸出：

相關用法

注：本文由純淨天空篩選整理自jit_t大神的英文原創作品 p5.js | setup() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。