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
相關用法
- p5.js sin()用法及代碼示例
- d3.js d3.hsl()用法及代碼示例
- p5.js tan()用法及代碼示例
- p5.js log()用法及代碼示例
- p5.js cos()用法及代碼示例
- PHP pos()用法及代碼示例
- PHP key()用法及代碼示例
- p5.js day()用法及代碼示例
- PHP each()用法及代碼示例
- p5.js second()用法及代碼示例
- PHP Ds\Map put()用法及代碼示例
- CSS hsl()用法及代碼示例
注:本文由純淨天空篩選整理自sarthak_ishu11大神的英文原創作品 p5.js | createVector() function。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。