0
156
Viewsp5.js: Deja que la computadora dibuje algo
Me gustaría dejar que la computadora dibuje algo. Debería parecer que un humano está dibujando algo en un papel, con valores aleatorios.
Este es mi intento:
function setup() { createCanvas(500, 500); frameRate(30); } function draw() { x1 = random(500); y1 = random(500); x2 = random(500); y2 = random(500); line(x1, y1, x2, y2); } <script src="https://cdn.jsdelivr.net/npm/p5@1.4.0/lib/p5.js"></script>Entonces, por el momento, solo coloca líneas aleatorias una encima de la otra. Pero debería dar como resultado un garabato largo conectado con curvas, como este:
¿Cómo es posible codificarlo así?
·
Juan Pablo Isaza
1 answers
Answer question0
Espero que ayude un poco. Todavía no es perfecto, pero es posible un enfoque para jugar y seguir avanzando ;-) Diviértete con
var x1, y1, x2=250, y2=250, maxVal = 500; function setup() { createCanvas(maxVal, maxVal); frameRate(30); } // just uncomment one line, comment another and do restart please // var a = 2, b = 1; var a = 40, b = 20; // var a = 100, b = 50; //var a = 200, b = 100; function draw() { function tryFix(val) { let res = val < 0 ? 0 : val > maxVal ? maxVal : val; return res; } dx = random(a)-b; dy = random(a)-b; x1 = x2; y1 = y2; x = x2 + dx; y = y2 + dy; x = tryFix(x); y = tryFix(y); x2 = x; y2 = y; line(x1, y1, x2, y2); } <script src="https://cdn.jsdelivr.net/npm/p5@1.4.0/lib/p5.js"></script>
·
Juan Pablo Isaza
Report
Answer question