Lo prometido es deuda.
Por fin he tenido un respiro para pasar el experimento de Tetsuo 5 a screensaver para PC y para Mac Intel (no me di cuenta, pero el que subí en el otro post sólo serbia para Power PC :P)

Descargar Tetsuo 5 – PC Screensaver
Descargar Tetsuo 5 – Mac (Universal) Screensaver

En algunos ordenadores anda un pelín lento, pero bueno, de momento sigue estando programado en AS 2.0, quehiframe. Esta última parida es un chiste para desarrolladores multimedia catalanes: quehiframe = Key frame + Que hi farem (Que le vamos a hacer), el resto de mortales, por favor, no me lo tengáis en cuenta XD

Aunque últimamente he estado trabajando en la adaptación a AS 3.0, concretamente en un experimento donde Tetsuo-5 genere letras, será una especie de “tipografía viva“, aleatoria, con ninguna letra repetible, pero sin dejar de tener personalidad propia.

De momento no puedo desvelar mucho más, pero os dejo una pequeña prueba en forma de imagen.

© Cocobongo artworks, 2003-2008. | Un comentario | Add to del.icio.us
Tags: Cocobongo artworks, Experimental Lab, Ilustración, Script

Feed enhanced by Better Feed from Ozh

El código en sí no es nada del otro mundo (de hecho es muy básico), pero quiero mostrar como, aplicados con un poco de gracia, se pueden usar los filtros de Flash (a veces infravalorados por diseñadores demasiado puristas) para darle un toque orgánico muy “especial”, sólo con código, sin ningún elemento en la biblioteca, el .swf tan sólo pesa 1Kb.

Para usar éste ejemplo sólo hay que crear un archivo .fla a 60fps al cual se le asigna una clase principal llamada Main que es un archivo .as donde pegaremos esto:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

package {
  import flash.display.Sprite;
  import flash.display.Shape;
  import flash.events.TimerEvent;
  import flash.geom.Point;
  import flash.utils.Timer;
  import flash.filters.BevelFilter;
  import flash.filters.DropShadowFilter;
  import flash.ui.Mouse;
  public class Main extends Sprite {
    private var num:uint=40;
    private var vel:Number=2.2;
    private var timer:Timer;
    private var puntos:Array;
    private var dibu:Shape;
    public function Main():void {
      puntos=new Array();
      for (var i:uint=0; i < num; i++) {
	puntos.push(new Point(190,190));
      }
      // - Dibujo
      dibu = new Shape();
      addChild(dibu);
      // - Filters
      filtros(dibu,1.9,0x000000,0,45);
      // - Timer
      timer=new Timer(16);
      timer.addEventListener("timer",mueve);
      timer.start();
      // - Escondemos el Mouse
      Mouse.hide();
    }
    private function mueve(e:TimerEvent):void {
      // - Mouse
      puntos[0].x=mouseX;
      puntos[0].y=mouseY;
      // - Dibuja
      dibu.graphics.clear();
      dibu.graphics.moveTo(puntos[0].x,puntos[0].y);
      for (var i:uint=1; i < num; i++) {
	dibu.graphics.lineStyle(num-i, 0x66CCFF);
	var p1:Point=puntos[i];
	var p2:Point=puntos[i-1];
	p1.x += (p2.x - p1.x) / vel;
	p1.y += (p2.y - p1.y) / vel;
	dibu.graphics.lineTo(p1.x,p1.y);
      }
   }
   // - Filters
   private function filtros(mc:Shape, grosor:Number, col:uint, espacio:Number, angulo:uint):void {
      var filterArray:Array = new Array();
      // - Volumen
      filterArray.push(new BevelFilter(1, -45, 0x000000, .5, 0xffffff, .0, 10, 10, 100, 3));
      // - Borde
      filterArray.push(new DropShadowFilter(espacio, angulo, col, 100, grosor, grosor, 100, 3));
      // - Sombra               
      filterArray.push(new DropShadowFilter(3, 135, 0x000000, .15, 2, 2, 100, 1));
      mc.filters = filterArray;
    }
  }
}

En éste ejemplo uso un Timer para crear el intervalo, pero se puede usar un EnterFrame si se prefiere.
Yo usé Timer porque la diferencia no es tan abismal entre Mac y PC, ya que los Mac PPC ralentizan bastante el flujo con onEnterFrame, en comparación con los PC’s.
Podéis entender mejor las diferencias entre Timer y onEnterFrame en éste estupendo post del señor Llops.

© Cocobongo artworks, 2003-2008. | Ningún comentario | Add to del.icio.us
Tags: Cocobongo artworks, Experimental Lab, MakingOf, Script

Feed enhanced by Better Feed from Ozh

Me hace gracia ir recuperando la evolución que tuvo este proyecto, porque fue muy larga.

Fue un proyecto que se fue re-inventando a si mismo (cosa que con un proyecto “real” no acostumbra a ocurrir demasiadas veces).
Algunas de sus múltiples evoluciones fueron fruto de casualidades (como ocurre en muchas ocasiones), pero que si se “pulen” acaban por coger forma. No sé si a eso se le puede llamar serendipia.

Aunque parezca que estoy hablando de otra cosa, la primera fase de este proyecto fue este experimento. Fue el intento de crear algo parecido a un AI (Inteligencia artificial) pero muy muy básico. XD

A partir de ahí surgió la idea de trazar el recorrido de cada mosca, y de ahí la idea de suprimir la mosca y dejar solo la traza.

Entonces empezaron a brotar infinidad de versiones de ese mismo experimento:
Dibuja solo

Dibujos circulares (Haciendo click se dibujaban lineas)

Pelillos (Con botón derecho se puede cambiar el color de las lineas)

Empecé a añadir multitud de variables y randoms para que los dibujos fueran cada vez más orgánicos e irregulares y así fue como el proyecto empezó a coger consciencia propia, ya que parecía que empezase a hacer lo que le daba la gana. Había dejado de tener control sobre todos los parámetros que yo mismo creé. El “diseño” final era prácticamente fruto del azar.
Entonces fue cuando bautizamos al proyecto “Johnny 5” en honor al primer personaje que me hizo conocer (cuando era chiquitajo) el concepto de inteligencia artificial.

Sé que no es muy original XD, pero entonces no era un proyecto, era mas bien un juego para pasar el rato.

Johnny 5 – V.1

Johnny 5 – V.5

Johnny 5 – V.11 (Anda que sorpresa, con botón derecho tienes multitud de opciones! Ni me acordaba de esto…)

Pero de repente llegó el entonces esperadísimo Flash 8 con su arsenal de filtros “Photoshoperos” que cambiaron el destino de Johnny 5
Se podían añadir “dropshadows”, desenfoques “gausianos”, “glows”, bajorelieves… era un festival de posibilidades!
El único límite lo ponía la CPU, aunque la aparición del BitmapData.draw() ayudó muchísimo en el asunto

Empezaron a salir multitud de nuevos experimentos que lo llevaron a ser otro proyecto totalmente nuevo. Era más orgánico, más caótico, más descontrolado, incluso a veces la CPU no aguantaba y “crujía” la aplicación dejándonos joyas como esta:

Por eso lo bautizamos como “Tetsuo”, pero como era el hermano mayor de Johnny 5 no podia llamarse de otra forma que “Tetsuo 5″.

Tetsuo 5 – V.1

Tetsuo 5 – V.6

Tetsuo 5 – V.9

Hasta llegar a la versión actual, que se va desenfocando muuuuy lentamente hasta desaparecer progresivamente, pero quien sabe como evolucionará en el futuro.
Quizá acabe por programarse el mismo y prescinda de nosotros cuando llegue el día del juicio final, el tiempo dirá…

© Cocobongo artworks, 2003-2008. | 2 comentarios | Add to del.icio.us
Tags: Cocobongo artworks, Experimental Lab, Ilustración, MakingOf, Script

Feed enhanced by Better Feed from Ozh

Descargar Tetsuo 5 – Mac (PowerPC) Screensaver

© Cocobongo artworks, 2003-2008. | 3 comentarios | Add to del.icio.us
Tags: Cocobongo artworks, Experimental Lab, Ilustración, Script

Feed enhanced by Better Feed from Ozh

© Cocobongo artworks, 2003-2008. | Ningún comentario | Add to del.icio.us
Tags: Cocobongo artworks, Experimental Lab, Script

Feed enhanced by Better Feed from Ozh

De vez en cuando iré colgando algún que otro experimento de Flash.
Aunque ahora lo hacemos todo con ActionScript 3.0 (AS3) muchos de estos experimentos están hechos ActionScript 1.0. Tengo que reconocer que soy uno de esos que le costó una barbaridad pasarse a AS3, mas que nada  porque pasé de AS1 directamente a AS3, sin pasar por AS2.

Supongo que el hecho de que no venga del mundo de la programación, sino del mundo del diseño hizo que no viera en su momento las ventajas de la Programación Orientada a Objetos (OOP) frente a la sencillez que ofrecía AS1. Sin embargo el potencial de AS3 era tanto que sucumbí al poder del lado oscuro.

Alguno de estos experimentos los iré recuperando del baúl de los recuerdos, mas que nada por nostalgia.
A estas alturas no encuentro muy práctico mostrar el código fuente de una pieza hecha en AS1, así que de momento iré colgando los SWF’s para poder “jugar” un rato. Si por casualidades de la vida lo paso a AS3 ya lo publicaré. 

Este experimento salió de la curiosidad de trabajar con físicas. Se puede arrastrar cualquier eslabón de la cadena y ver como actúa.
Es un experimento simple, pero en su momento nos ayudó a conocer como se comportaba Flash en este tipo de situaciones.

© Cocobongo artworks, 2003-2008. | Ningún comentario | Add to del.icio.us
Tags: Cocobongo artworks, Experimental Lab, Script

Feed enhanced by Better Feed from Ozh