xxxxxxxxxx
29
function setup() {
createCanvas(400, 400);
background(110);
// ベクトルの始点
let startX = 0;
let startY = 0;
// ベクトルの終点
let endX = 30;
let endY = 40;
// ベクトルの成分を求める
let dx = endX - startX;
let dy = endY - startY;
// ベクトルの角度を求める
let angle = atan2(dy, dx);
// ベクトルを描画する
translate(width / 2, height / 2); // 中心を原点に
line(startX, startY, endX, endY); // ベクトルを描画
rotate(angle); // 角度を回転
let arrowSize = 7;
translate(dx, dy); // ベクトルの終点へ移動
triangle(-arrowSize, arrowSize / 2, 0, 0, -arrowSize, -arrowSize / 2); // 矢印を描画
}