-
Not Synced
Hola
y bienvenidos a otro
-
Not Synced
desafio de codificacion
-
Not Synced
en este desafio de codificacion
-
Not Synced
voy a programar
-
Not Synced
una visualizacion
-
Not Synced
que se justo asi
-
Not Synced
eso fue para el Thumbnail
-
Not Synced
y lo voy a hacer en
-
Not Synced
p5.js usando
-
Not Synced
javascript en el navegador
-
Not Synced
lo que se esta reproduciendo
-
Not Synced
aqui es un ejemplo que hice
-
Not Synced
anteriormente en Processing
-
Not Synced
el cual les daria un mayor rendimiento
-
Not Synced
al final de este video tambien
-
Not Synced
vamos a mirar eso brevemente
-
Not Synced
entonces, no voy a empezar de cero
-
Not Synced
este video sera desarrolado en la
-
Not Synced
idea de el Sonido de Perlin en 2D
-
Not Synced
si el Sonido de Perlin en 2D no les suena
-
Not Synced
familiar, para aqui, ve a la descripcion del
-
Not Synced
video y ve y busca my serie de
-
Not Synced
Sonido de Perlin y luego vuelve
-
Not Synced
ok. Hola! ya regresaste
-
Not Synced
excelente, ok vamos a empezar
-
Not Synced
voy a empezar desde esta pieza de codigo
-
Not Synced
en particular que genera este
-
Not Synced
algoritmo en particular
-
Not Synced
entonces este ya es un ejemplo del
-
Not Synced
Sonido de Perlin en 2D y cada
-
Not Synced
pixel obtiene un valor a escala
-
Not Synced
de acuerdo a el Sonido de Perlin
-
Not Synced
pero voy a hacer algo diferente
-
Not Synced
lo que voy a hacer es en un tipo
-
Not Synced
de cuadricula de pixeles
-
Not Synced
ok este es mi cuadricula de pixeles
-
Not Synced
de muy baja resolucion
-
Not Synced
en vez de tener a valor en la escala
-
Not Synced
de grises para cada pixel
-
Not Synced
por decirlo asi lo que quiero tener
-
Not Synced
es un vector, quiero tener una flecha
-
Not Synced
apuntando en una direccion y quiero
-
Not Synced
que esa direccion, sea una direccion
-
Not Synced
fijada de acuerdo a el Sonido de Perlin
-
Not Synced
porque ultimamente lo que voy a hacer
es que voy a derramar un monton
-
Not Synced
de particulas dentro de esta area conocido
como un campo de flujo cuando
-
Not Synced
derramo la particulas adentro y van a
seguir las flechas
-
Not Synced
ok entonces lo primero que hay que
hacer es empezar a revizar el codigo
-
Not Synced
para hacer vectores en vez de pixeles
entonces veamos como eso puede funcionar
-
Not Synced
entonces voy a trabajar con un lienzo de
baja resolucion, solo de 200x200
-
Not Synced
solo para empezar las cosas y una cosa
que tambien necesito es pensar en
-
Not Synced
una variable principal aqui, es que
-
Not Synced
necesito pensar en, cual es la razon de
celula a ancho, entonces no quiero tener
-
Not Synced
una flecha para cada pixel, sera poco
razonable tener 200 vectores en vez
-
Not Synced
de tener un vector cada 10 pixeles o cada
20 pixeles, entonces llamemos una variable
-
Not Synced
como scale y la voy a llamar scl corto de
Scale y voy a decir que es 20
-
Not Synced
y luego lo que tambien necesito tener son
columnas y filas, entonces voy a tener las
-
Not Synced
columnas que sean el ancho dividido por
por la escala y lo voy a llevar a piso eso