Pixelar Textos en Papervision

Mezclando los experimentos con cubos y el de pixelizar imágenes, he hecho esta prueba para convertir textos en cubos 3D.

VER EJEMPLO EN MOVIMIENTO

El funcionamiento es sencillo.

1. Rellenar un campo de texto con la palabra que queremos "pixelizar":

Papervision

2. Hacer un BitmapData con el texto, y dividirlo en cuadrados de lado n:

Papervision cubes

3. Repasar los cuadrados, y marcar los que tengan el pixel superior izquierdo de color negro:

Papervision cubes

4. Crear cubos en las coordenadas de los cuadrados que hemos marcado. Estos cubos pueden tener imágenes como material, colores, etc...

El resultado depende de varios factores. Podemos jugar con la tipografía utilizada, el tamaño de los cuadrados (a menor tamaño, mas precisión), el material de los cubos... Jugando con estos parámetros podemos conseguir cosas así (imágenes tras el salto):





Comentarios:
bubu dijo:
Excelente. Esta seria una linda manera de que presentar algún que otro portfolio, siempre que se pueda hacer una carga dinámica, sería fantástico para muchos. Gracias por el tip. (si puedes prodrias postear la clase o mas o menos como hacerla???) Saludos
Iván Gajate dijo:
Muuuy guapo por curiosidad, ¿como has hecho el último ejemplo? el del contorno digo. Está chulo.
esedeerre dijo:
Poniendo una tipo que es así, solo el contorno. Esta es la Swis721 BlkOul BT. De todas formas esta semana subo los fuentes, que no he tenido tiempo.
xleon dijo:
pa la saca!
Abraham dijo:
Gracias por el tip!! muy bueno :D
julio alberto dijo:
excelente efecto, oye donde o como lo puedo alicar con actionscript3 y tambien acepta imagen en ves de letra??
Dejar un comentario:
Tu nombre (obligatorio):

E-mail (obligatorio, no se mostrará):

Web: