Recurrente Redención » Partículas

Comida italiana procedural

Maic López — Wed, 30 Jan 2008 03:20:33 +0000

Simplemente me dio un poco de hambre.

Esta demostración utiliza la capacidad del sistema de partículas de LiF para dibujar más de una línea a la vez. La clase PosicionAleatoria es utilizada para envolver la posición del ratón y generar una posición al azar siempre a cierta cercanía del ratón. Junto con la interface Mutable, es posible del mismo objeto obtener las cinco posiciones distintas necesarias para dibujar las cinco líneas que componen el rastro.

un poco de pimienta probablemente mejoraría el framerate

Los archivos, como de costumbre, se dejan a continuación.

Calamares con tres pies

Maic López — Tue, 01 Jan 2008 02:33:16 +0000

Actualmente trabajo en la implementación de una página de una empresa que organiza eventos. Quise experimentar un poco con el logotipo y en base a este generar el gráfico que se muestra mientras se carga la página u otras secciones internas del sitio.

logotipo gracias al cual nació el calamar tripode

El logotipo tiene unas colitas que intenté animar dinámicamente, de forma que fueran creciendo conforme se cargaba la información. Sin embargo el resultado no fue completamente de mi agrado, y aunque es mejorable no puedo dedicarle tanto tiempo a un gráfico que solo se va a ver por unos breves segundos entre sección y sección. Aun así, el efecto de las colitas moviéndose me agradó lo suficiente para terminar haciendo una pequeña demostración del mismo. El animalito este me recuerda un calamar o un pulpo, siempre está siguiendo el puntero del ratón y casi es una pequeña mascota. Hasta me siento encariñado con él.

quizás, quizás, quizás, esto podría ser la base para un juego sobre calamares

Durante la implementación de esto me encontré con algunos errores en LiF versión 0.2. Aunque subo los archivos fuente, estos no funcionarán correctamente utilizando la versión de LiF que está actualmente en línea (versión 0.2). Aun así los dejo disponibles junto con el espacio temporal para la librería, de forma que en cuanto esté lista dicha versión actualizaré el artículo y el enlace.

Actualización (Enero 2, 2008): ya teniendo en línea la versión 0.3 de LiF, se colocó el enlace en la lista de archivos.

Curvas de Bézier

Maic López — Wed, 19 Dec 2007 07:35:45 +0000

El sistema de rastros que está implementado dentro de LiF inicialmente trabajaba solamente trazando líneas rectas. En cada ejecución se recibe un punto a donde se dibuja una línea recta desde el punto anterior hasta el punto recién recibido. Con la nueva implementación se agregó el uso de curvas de Bézier de forma que el trazado fuera mucho más suave. En la siguiente demostración se puede ver una comparación del trazado de rastros utilizando curvas de Bézier o líneas rectas.

haga clic dentro del recuadro para activar la demostración, con clics subsecuentes se puede pausar o continuar la demostración

Un pequeño problema al hacer la implementación de las curvas de Bézier fue como trazar dichas curvas a partir de una serie de puntos. La solución, que después escribiré de ella, no es extremadamente compleja pero al parecer cumple su objetivo. En términos simples, para cada conjunto de tres puntos se traza una curva de Bézier que va desde el punto medio entre los primeros dos puntos, hasta el punto medio entre los dos puntos finales, teniendo como anclaje el segundo punto.

Al estar haciendo una ilustración para esto me percaté de que el algoritmo que utilizo (ilustrado como Bézier 1) tiene resultados muy angulares (es decir, las curvas generados se adhieren demasiado a la recta provocando que las curvas sean cortas y afiladas). Al investigar un poco más sobre el funcionamiento de las curvas de Bézier me percaté que probablemente el algoritmo que utilizo no genere los resultados que deseaba. Intenté hacer una aproximación de cómo yo pensé funcionaría correctamente el algoritmo pero el resultado (ilustrado como Bézier 2) tampoco se asemeja a lo que esperaba. Y peor aún, ninguno de los dos se asemeja a lo que veo en la actual implementación.

curvas de Bézier a partir de un conjunto de puntos

Así qué básicamente me espera desarmar un poco esto para ver si algo está efectivamente mal planteado, o si quizás accidentalmente ya di con la solución correcta.

Para la demostración mostrada arriba se utilizó LiF versión 0.2. Como siempre, los archivos están a continuación:

Antiguos sistemas de partículas

Maic López — Sat, 24 Nov 2007 01:48:55 +0000

LiF es una librería de clases para ActionScript 3 que en un inicio fueron parte de un videojuego en flash pero que posteriormente fueron separadas completamente con el objetivo de que fueran independientes y reutilizables. En aquellos días, hace ya un par de años, terminé una clase llamada Rastros que administraba el dibujado de líneas dentro de flash funcionando como un pequeño motor de partículas. Con esta clase se construyeron varias demostraciones como la siguiente, titulada OchoVientos:

Debido a que el rediseño del blog es algo laborioso me estaré tomando la libertad de readaptar otras demostraciones como la anterior para que puedan ser descargadas y compilen correctamente por quien le sean de interés. De esta forma puedo seguir publicando una o dos veces por semana y seguir dedicándole el tiempo necesario al rediseño. Los archivos de esta demostración son ya algo viejos, el código se encuentra hecho en ActionScript 2, aunque el archivo fue actualizado y guardado en formato de Flash CS3. El código, por ser de los primeros prototipos, puede no ser el más limpio y cuidado de todos.

Los tres archivos pueden ser accedidos públicamente y utilizados sin ningún tipo de restricción.