[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Hola\Ny bienvenidos a otro Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,desafio de codificacion Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,en este desafio de codificacion Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,voy a programar Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,una visualizacion Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,que se justo asi Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,eso fue para el Thumbnail Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,y lo voy a hacer en Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,p5.js usando Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,javascript en el navegador Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,lo que se esta reproduciendo Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,aqui es un ejemplo que hice Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,anteriormente en Processing Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,el cual les daria un mayor rendimiento Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,al final de este video tambien Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,vamos a mirar eso brevemente Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,entonces, no voy a empezar de cero Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,este video sera desarrolado en la Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,idea de el Sonido de Perlin en 2D Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,si el Sonido de Perlin en 2D no les suena Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,familiar, para aqui, ve a la descripcion del Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,video y ve y busca my serie de Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Sonido de Perlin y luego vuelve Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,ok. Hola! ya regresaste Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,excelente, ok vamos a empezar Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,voy a empezar desde esta pieza de codigo Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,en particular que genera este Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,algoritmo en particular Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,entonces este ya es un ejemplo del Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,Sonido de Perlin en 2D y cada Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,pixel obtiene un valor a escala Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,de acuerdo a el Sonido de Perlin Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,pero voy a hacer algo diferente Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,lo que voy a hacer es en un tipo Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,de cuadricula de pixeles Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,ok este es mi cuadricula de pixeles Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,de muy baja resolucion Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,en vez de tener a valor en la escala Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,de grises para cada pixel Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,por decirlo asi lo que quiero tener Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,es un vector, quiero tener una flecha Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,apuntando en una direccion y quiero Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,que esa direccion, sea una direccion Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,fijada de acuerdo a el Sonido de Perlin Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,porque ultimamente lo que voy a hacer\Nes que voy a derramar un monton\N Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,de particulas dentro de esta area conocido\Ncomo un campo de flujo cuando Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,derramo la particulas adentro y van a \Nseguir las flechas Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,ok entonces lo primero que hay que\Nhacer es empezar a revizar el codigo Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,para hacer vectores en vez de pixeles\Nentonces veamos como eso puede funcionar Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,entonces voy a trabajar con un lienzo de \Nbaja resolucion, solo de 200x200 Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,solo para empezar las cosas y una cosa\Nque tambien necesito es pensar en Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,una variable principal aqui, es que Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,necesito pensar en, cual es la razon de \Ncelula a ancho, entonces no quiero tener Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,una flecha para cada pixel, sera poco\Nrazonable tener 200 vectores en vez Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,de tener un vector cada 10 pixeles o cada\N20 pixeles, entonces llamemos una variable Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,como scale y la voy a llamar scl corto de\NScale y voy a decir que es 20 Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,y luego lo que tambien necesito tener son \Ncolumnas y filas, entonces voy a tener las Dialogue: 0,9:59:59.99,9:59:59.99,Default,,0000,0000,0000,,columnas que sean el ancho dividido por\Npor la escala y lo voy a llevar a piso eso