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

p5.js中的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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。