Entradas

Mostrando las entradas de 2026

Cómo crear formas orgánicas complejas con matemáticas en p5.js

Imagen
Introduction Este tutorial desglosa una animación de arte generativo compleja en cinco pasos sencillos. Cada paso introduce nuevos conceptos matemáticos, culminando en una hermosa animación orgánica que se asemeja a criaturas submarinas. Este trabajo está inspirado en los elegantes y simples sketches  creados por el programador y artista conocido como @yuruyurau . Un ejemplo destacado de su trabajo es el siguiente: t=0,draw=$=>{t||createCanvas(w=400,w);background(9).stroke(w,46);for(t+=PI/30,i=3e4;i--;)d=mag(k=i<2e4?sin(i/9)*9:4*cos(i/49)*cos(i/3690),e=i/984-12)**2/99+1,point((q=k*(4+sin(d*16-t+k))-5*sin(atan2(k,e)*9))+60*sin(c=d*1.1-t/18+i%2*3)+200,(q+40)*sin(c-d)+d*79)} #つぶやきProcessing pic.twitter.com/fjJpaBUQw1 — ア (@yuruyurau) December 29, 2025 Este ejemplo demuestra un uso magistral de funciones matemáticas para crear movimiento fluido y orgánico con tan solo 261 caracteres de código en p5.js. ...

Entradas populares

Galileo Galilei y su ley de caída libre

¿Qué son las Partículas Lenia?

Breve historia del Cálculo