當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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


p5.j​​s中的createVector()函數用於創建包含幅度和方向的新p5向量。這提供了二維或三維矢量,特別是幾何矢量。

用法:

createVector([x], [y], [z])

參數:此函數接受上述和以下所述的三個參數:

  • x:此參數存儲向量的x分量。
  • y:此參數存儲向量的y分量。
  • z:此參數存儲向量的z分量。

以下程序說明了p5.js中的createVector()函數:


示例1:本示例使用createVector()函數繪製線。

function setup() { 
  
    // Create a Canvas 
    createCanvas(500, 550); 
} 
  
function draw() { 
     
    // Vector initislisation 
    // using createVector 
    t1 = createVector(10, 40); 
    t2 = createVector(411, 500); 
     
    // Set background color   
    background(200); 
     
    // Set stroke weight 
    strokeWeight(2); 
     
    // line using vector 
    line(t1.x, t1.y, t2.x, t2.y); 
     
    translate(12, 54); 
   
    line(t1.x, t1.y, t2.x, t2.y); 
}

輸出:

示例2:本示例使用createVector()函數繪製圓。

function setup() { 
  
    // Create a Canvas 
    createCanvas(500, 550); 
} 
   
function draw() { 
     
    // Vector initislisation  
    // using createVector 
    t1 = createVector(10, 40); 
    t2 = createVector(41, 50); 
     
    // Set background color   
    background(200); 
     
    // Set stroke weight 
    strokeWeight(2); 
     
    // Fill yellow 
    fill('yellow'); 
     
    // ellispe using vector 
    ellipse(t1.x*millis() / 1000 * 20, 
            t1.y, t2.x+100, t2.y+100);  
}

輸出:

參考: https://p5js.org/reference/#/p5/createVector



相關用法


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