Patrick Smith, el creador de VectorPark es un ilustrador/programador (o programador/ilustrador, no sé cómo definirlo) con una capacidad increíble de combinar ilustración y programación pura y dura (trigonometría, físicas, partículas…) La verdad es que en sus obras hay momentos en que es muy difícil reconocer si se trata totalmete de script o si hay parte de animación tradicional.

Su última creación es Windosill un juego hecho 100% en Flash rollo aventura gráfica del estilo de Samorost (que hizo “famosos” a Amanita design), en el que hay que encontrar la forma de salir de la habitación en la que nos encontramos (esto también me suena, pero no se de que…).

Desde su web disponéis de dos versiones: la free y la versión extendida, que es de pago pero que la podéis adquirir por tan sólo 3$ (no seáis ratas! Que el jueguecito lo vale).

Perfecto para pasar un rato en la oficina ;)

Thanks Mr.Doob via Twitter.

© Cocobongo artworks, 2003-2009. | Ningún comentario | Add to del.icio.us
Tags: Juegos con encanto, Script

Feed enhanced by Better Feed from Ozh

Hace poco salió el trailer del juego de ScaryGirl, quizá el personaje más conocido de Nathan Jurevicius.
Puedo decir que Nathan es, desde hace tiempo, uno de mis ilustradores favoritos, en especial por su particular dominio del color, además del peculiar universo surrealista que envuelve todas su obras.

Si queréis conocer los orígenes de ScaryGirl, aquí podéis descargaros el cómic que la vio nacer.

La programación del juego la están llevando desde Touch My Pixel, y la verdad es que tiene muy buena pinta.

Ver trailer en HD

Edito: Ya ha salido el juego! En cuanto tenga un minutillo (que NO tengo
‘ ¬_¬ me lo miro)

Fuente: Destructoid

© Cocobongo artworks, 2003-2009. | Un comentario | Add to del.icio.us
Tags: Animación, Freak Circus, Ilustración, Juegos con encanto, Motion-graphics, Script

Feed enhanced by Better Feed from Ozh

Uf! Cuanto tiempo sin postear nada… eso es signo de que por estos lares se está currando mucho. Pero bueno, Intentaremos no dejar esto tanto tiempo cerrado la próxima oleada de curro, que aqui empezaba a oler a chotuno.

Para retomar el blog una cosa que encontré hace un tiempo y de la cual tenía ganas de hablar: Wonderfl.

La web en un principio tira para atrás, en parte porque está la mitad en japonés, pero es una currada de esas que espero que prospere.
No sé cómo lo habrán hecho, pero se trata de un site con un compilador de ActionScript 3 a “tiempo real”. Todo desde el navegador, sin Flash, ni Flex, ni nada.

Al final acaba siendo una comunidad online donde compartir códigos y los demás usuarios pueden toquetear tu código, mejorarlo, customizarlo y volverlo a subir.

Yo de momento he creado un usuario, pero sólo he tenido tiempo de subir un experimento (antiguo :P) pero espero poder compartir desde éste sitio todos los experimentos que me vaya currando a partir de ahora.

Fuente: Mr.Doob (lleva subidos varios experimentos, cada cual más currado. Un crack)

© Cocobongo artworks, 2003-2009. | Un comentario | Add to del.icio.us
Tags: Script

Feed enhanced by Better Feed from Ozh

Desde www.KlooniGames.com nos llega la noticia de que pronto saldrá la versión definitiva de Crayon Physics uno de esos juegos que hace tiempo que le seguimos la pista.
En la linea del archiconocido Little Big Planet toda la jugabilidad se basa en las figuras geométricas que nosotros mismos creamos.

Desde su web lo podéis encargarlo por sólo 15$, pero si os queréis esperar a que salga la versión completa cuesta 20$ (Only PC).

También hay una versión en Flash muy similar que se puede jugar online:
Magic Pen

Fuente: www.KlooniGames.com, Magic Pen

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

Feed enhanced by Better Feed from Ozh

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 título del post debería llamarse: “¿Que es un Bookmarklet y cómo se usa?” pero me hacía gracia llamarlo así :P. Además quiero que se entienda éste post cómo una guía básica para entender las ventajas de usar Bookmarklets desde cero.

¿Pero que es un Bookmarklet?
Un bookmarklet es un trozo de código JavaScript que podemos guardar en los Favoritos (marcadores) de nuestro navegador y así no tener que escribirlo una y otra vez.

JavaScript es un lenguaje orientado a objetos que nos permite, por ejemplo, cambiar la posición y el tamaño de la ventana del navegador, modificar elementos dentro del código HTML, generar alertas de navegador, etc…

La forma más común de ejecutar JavaScript es dentro del código HTML, pero tiene la peculiaridad que también se puede ejecutar desde la barra de direcciones del navegador.

Por ejemplo, si escribimos en la barra de direcciones de ésta misma ventana:

javascript:window.resizeTo(800,600);moveTo((screen.width/2)-(window.outerWidth/2),(screen.height/2)-(window.outerHeight/2))

y hacemos Enter la ventana actual se nos reducirá a 800×600px.

Pero claro, tener que escribir todo esto cada vez que queremos ver la ventana a 800×600px, pues es un engorro, la gracia del bookmarklet es que se puede guardar cómo un Favorito más en nuestro navegador, y así poderlo ejecutar con un sólo click.

¿Pero cómo me guardo el Bookmarklet en los favoritos?
Por ejemplo, en Safari solo tenemos que tener a la vista la barra de favoritos (Visualización/Mostrar barra de Favoritos), escribir en la barra de direcciones el código JavaScript y (sin hacer Enter) arrastrar la dirección a la Barra de Favoritos (podéis probar con el código de antes, que escalaba la ventana a 800×600px). Importante escribir el código siempre en una sola linea.
En Firefox (supongo que en Opera será algo parecido y en Explorer no tengo ni idea idea de cómo va), hay que ir al menú “Marcadores/Organizar Marcadores/Nuevo Marcador” y en “Localización” pegaremos el código JavaScript.

Pero también podemos encontrar infinidad de webs con todo tipo de bookmarklets para que nos los guardemos.
En éste caso solo hay que hacer “Botón derecho/Guardar Favorito” en el link y voilá!

Hay bookmarklets para hacer de todo, algunos incriblemente currados cómo éste que te permite añadir multitud de opciones de visualización a la web que visitemos (cómo reglas, medidor de distancias, visor de cuadrícula, etc…)
Otros son más sencillos pero igual de prácticos, sobretodo a la hora de diseñar y desarrollar webs.

Os dejo unos cuantos (en Safari funcionan todos, pero en otros navegadores depende de cual no funciona) que espero que os sirvan de ayuda:

• Chivato de las medidas actuales de la ventana
• Pantalla completa
• Arrastrar las imágenes de una web (Éste es muy tonto pero hace gracia)
• Ver todas las imágenes de la web
• Traducir la página de Inglés a Castellano
• Descargar video de youtube (Cortesía de Unijimpe)

Fuentes: Sprymedia, Unijimpe, www-ui.is.s.u-tokyo.ac.jp, Cybernetnews

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

Feed enhanced by Better Feed from Ozh

Yugo Nakamura, o cómo se le conoce en la red Yugop, es uno de los maestros del ActionScript a nivel mundial desde hace años.
Llevaba tiempo sin sacar ningún experimento nuevo, pero después de algún tiempo de silencio nos ha sorprendido con un joya de esas que te dejan con la boca abierta.

FontPark 2.0, una aplicación online creada para la casa tipográfica japonesa Morisawa donde el usuario puede jugar con los caracteres para crear dibujos, subirlos, votarlos e incluso ver el proceso de creación de los que han creado los demás usuarios.

La herramienta además de artística es increíblemente sencilla de usar, todo funciona con el mouse, con la rueda del mouse o con dobleclick.

Pero el punto más fuerte de la herramienta (esto quizá sólo le importe a los desarrolladores y programadores web :P) es el hecho que consigue extraer los vectores de cada carácter para así poder crear esa fluidez tan “líquida” que caracteriza el site, y esto, a nivel técnico es increíblemente complicado de hacer.

Sea cómo sea, está claro que Yugop siempre irá un paso (o dos, o tres) por delante del resto, pero eso no hace más que alimentar las ganas de superarte día a día.

Fuente: www.llops.com/blog

© Cocobongo artworks, 2003-2008. | 2 comentarios | Add to del.icio.us
Tags: Cool sites, 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