Objetivo: estoy tratando de crear un triángulo dados dos ángulos (a0,b0) . Para hacerlo, estoy tratando de rotar un vector r0 por algún ángulo a0 alrededor de uno de los vértices de r0 . Aquí hay un diagrama que ilustra mi idea. Problema: Sin embargo, cuando giro la línea, parece girar alrededor del origen. He leído muchos , muchos artículos sobre cómo solucionar esto, pero ninguna de las soluciones sugeridas (es decir, traducir y luego rotar, push() , pop() ) no parece funcionar, tal vez porque estoy lidiando con un segmento de línea aquí. A continuación se muestra mi código.

Código MWE:

 let angle = 0; function setup() { createCanvas(600, 400); angleMode(DEGREES); } function draw() { let v1 = createVector(width / 2 - 50, height / 2); let v2 = createVector(width / 2 + 50, height / 2); background(255); stroke(0); strokeWeight(4); let r0 = line(v1.x, v1.y, v2.x, v2.y); rotate(20); let r1 = line(v1.x, v1.y, v2.x, v2.y); strokeWeight(10); }

 <script src="https://cdn.jsdelivr.net/npm/p5@1.4.1/lib/p5.min.js"></script>

Cualquier ayuda es apreciada.