coge la información y corre

Mosaic, el nuevo Filtro de Imaset

29 de Septiembre del 2008 Escrito por Alex Barros

La nueva generación de Imaset está siendo desarrollada, y con ella la web oficial de Imaset, donde colgaré toda la información del software, descargas, demos, documentación, etc…

La web aún está siendo creada, pero ya podéis utilizar la primera demo, de un nuevo y alucinante filtro!

El filtro Mosaic

Mosaic es un filtro que crea una imagen a partir de dos, la de base y una valdosa.

Y el resultado es algo como esto:

mosaic

Categorias: imaset | 2 comentarios »

Imaset y Wordpress 2.6

19 de Julio del 2008 Escrito por Alex Barros

Según comentan en AyudaWordpress Imaset es incompatible con Wordpress 2.6.

Pero yo lo he probado y sí me ha funcionado correctamente.

De modo que si tienes algún problema en Imaset, ya sea porque has cambiado de versión o por cualquier otra causa, deja un comentario en este post para que lo solucionemos cuanto antes.

Lo que sí es cierto es que Imaset explora toda la carpeta wp-content para buscar imágenes, pero no contempla el hecho de que esta carpeta se encuentre fuera de la ruta usual (hecho que permite la nueva versión de WordPress). Esto se tendrá en cuenta para próximas versiones.

Categorias: Aplicaciones, Imagen Digital, Plugins, Wordpress | 5 comentarios »

Imaset 2.2 liberado

13 de Mayo del 2008 Escrito por Alex Barros

Descarga Imaset 2.2

La nueva versión de Imaset ya ha llegado!

Imaset 2.2 es compatible con Wordpress 2.5 y además trae algunas mejoras:

  • Mejor calidad en la previsualización, y más respeto a las imágenes PNG en el canal alpha
  • Dos nuevos filtros
  • Transferencia correcta de Marcas de agua con PNG
  • Interfaz mejorada, y adaptada al nuevo look de WP

Instalación

Instalar Imaset es muy sencillo:

  • Descarga el archivo imaset_2-2.zip
  • Descomprime el contenido en tu ordenador
  • Sube la carpeta imaset/ por ftp a tu servidor, en la carpeta wp-content/plugins/
  • Activa el plugin en la sección Plugins del panel de administración Wordpress
  • Ya está!

Usar la herramienta

Una vez el plugin está activado, aparecerá en el panel de escritura un botón con la palabra “Imaset”. Al pulsar este botón se abrirá el panel de Imaset, mostrando tus imágenes, y los filtros disponibles divididos en categorías.

Marcas de agua

Poner marcas de agua de tu web es muy sencillo, y ahora se respeta la transparencia del PNG, así que puedes añadir efectos interesantes!

Busca entre los filtros de la categoría “Personalizar” el de “marca de agua“. Pulsa en la varita mágica y selecciona el archivo de la imágen (debe estar almacenada en el directorio llamado src/) y el lugar donde posicionarlo.

Filtros incluidos

  • Sombra
  • Marco
  • Reflejo
  • Reflejo3D
  • Brillo
  • Perspectiva
  • Glossy
  • Invertir colores
  • Colorizar
  • Desenfoque suave
  • Desenfoque fuerte
  • Desenfoque gaussiano
  • Marca de Agua
  • Redimensionar

Recuerda siempre Guardar los cambios antes de cerrar el programa Imaset.

Agradecimientos:

Me gustaría agradecer a Patricio Villa, Francesc Josep, Francisco Espinoza, y a todas las personas que usan, apoyan y se interesan por Imaset.

Feedback necesario

Para que Imaset avance y mejore, es imprescindible vuestra ayuda. Comenta qué te parece, cómo puede mejorar Imaset, si tienes problemas, etc…

Categorias: Aplicaciones, Imagen Digital, Plugins | 80 comentarios »

Petición popular de Imaset 2.2

2 de Mayo del 2008 Escrito por Alex Barros

Hace un tiempo que vengo recibiendo peticiones para que desarrolle una siguiente versión de Imaset, que sea compatible con el nuevo Wordpress 2.5.

He de decir en mi defensa que, aúnque me encantaría desarrollar cuanto antes esta nueva versión, dispongo de poco tiempo, y lo dedico al desarrollo de varios proyectos, últimamente con cierto énfasis al proyecto de Geo.

Pero la nueva versión ya está en marcha. Un nuevo núcleo está en desarrollo, hay nuevos filtros muy interesantes, y tengo planeada una interfaz mucho más manejable. No puedo dar ninguna fecha, pero sabed que no me he olvidado de este plugin.

Así que si os interesa esta nueva versión de Imaset, no perdáis de vista este blog, y no dudéis en escribir sugerencias que las tendré todas en cuenta.

Categorias: Aplicaciones, Boozox, Plugins | 8 comentarios »

Desenfoque gaussiano: cómo funciona + filtro para Imaset

18 de Diciembre del 2007 Escrito por Alex Barros

Me he propuesto realizar el filtro de Desenfoque Gaussiano, y lo he conseguido. A continuación os muestro el algoritmo, y la descarga del filtro para quienes usen Imaset 2.1

El algoritmo

El filtro gaussiano consiste en la mezcla de los colores de una imágen para conseguir un efecto de desenfoque. Esta es una explicación muy general, y por supuesto el algoritmo es más complejo que esto.

En primer lugar, consideraremos la imágen como una matriz de puntos (pixeles), con unos valores determinados de rojo, verde y azul. A partir de aquí, los valores de cada punto de la nueva imágen, serán una combinación de los puntos cercanos. De esta forma, si un punto es de color rojo, y cercano a él hay puntos negros, este rojo se oscurecerá (y los negros se enrojecerán).

Intercambio de color entre pixeles cercanos

Pero para determinar cuáles son los pixeles que son cercanos, y los que no, se debe especificar al filtro un radio de acción. Con esto, si por ejemplo indicamos un radio de 10 pixeles, cada píxel de la nueva imágen se verá modificado por los todos los pixeles a menos de 10 unidades de distancia. Pero no todos los pixeles modifican con la misma “fuerza”, cuanto más cerca estén del pixel que se está modificando, más valor tendrán en el cálculo del nuevo color. Es aquí donde aparece nuestro simpático amigo Gauss.

La función de la distribución Gaussiana va a ayudarnos a adjudicar cuánto aporta cada pixel, en función de lo cerca o lejos que se encuentre. Esta función tiene la forma distribucion_gaussiana.png donde (x-b) es la distancia entre el pixel que está siendo modificado y el píxel del que se está tomando el valor, a y c valen 1, y f(x) resulta un número Real entre 0 y 1 que representa el porcentaje de influencia.

Resumiendo

Lo que está claro es que hay que mezclar los píxeles entre sí, y que usaremos un radio de influencia en que cuanto más lejos está un píxel de otro, menos le afecta.

Después de analizar el problema, y aplicar una fórmula estadística, podemos concluir que el valor de cada pixel es:

La suma de todos los píxeles dentro del radio R, multiplicados cada uno por distribucion_gaussiana.png (tal y como se ha descrito antes), y todo esto, dividido entre la suma de todos los valores de la fórmula distribucion_gaussiana.png en los puntos que intervienen.

Y todo eso es sólo para calcular uno de los tres componentes (Rojo, Verde o Azul) de un sólo pixel.

De modo que, a falta de una fórmula mágica de optimización, el efecto de desenfoque Gaussiano no es ninguna broma, realiza una cantidad muy elevada de cálculos (que aumenta junto al Radio y al tamaño de la imágen).

El archivo de descarga

Aquí os dejo el código fuente y la descarga del filtro Desenfoque Gaussiano para Imaset 2.1
Tened en cuenta que, como he dicho, es un filtro muy costoso, y aplicarlo puede llevar bastantes segundos.

La forma de poder usarlo es: descargar el archivo ZIP, descomprimir su contenido, y subir el archivo gaussian.xml al directorio “/filters” y el archivo es_ES.php al directorio “/lang

Ejemplo del filtro Gaussiano en Imaset

GaussGauss Desenfocado
Como se puede apreciar, realiza un toque de suavizado, si se aplica poco desenfoque (poco radio).

Código fuente

Os dejo como siempre el código fuente de este filtro.

  1. <filter>
  2.         <name>gaussian_blur</name>
  3.         <category>effect</category>
  4.         <parameters>
  5.                 <pa>$rad=5</pa>
  6.         </parameters>
  7.         <function>
  8.                 if(!$rad) $rad = 5;
  9.                
  10.                 $sx = imagesx($im);
  11.  
  12.                 $sy = imagesy($im);
  13.  
  14.                
  15.  
  16.                 for($x=-$rad;$x<$sx+$dar;$x++) // meto en una matriz los valores de colores
  17.  
  18.                 {
  19.  
  20.                         for($y=-$rad;$y<$sy+$rad;$y++)
  21.  
  22.                         {
  23.                                 if($x<0 || $y<0 || $x>$sx || $y>$sy)
  24.                                         $imatrix[$x][$y] = array($imaset->Red,$imaset->Green,$imaset->Blue);
  25.                                 else {
  26.  
  27.                                         $rgb = ImageColorAt($im, $x, $y);
  28.  
  29.                                         $r = ($rgb >> 16) & 0xFF;
  30.  
  31.                                         $g = ($rgb >> 8) & 0xFF;
  32.  
  33.                                         $b = $rgb & 0xFF;
  34.                                         $imatrix[$x][$y] = array($r,$g,$b);
  35.                                 }
  36.  
  37.                         }
  38.  
  39.                 }
  40.  
  41.                
  42.                 // Ahora voy a poner valores (calculandolos previamente)
  43.                 for($x=0; $x<$sx; $x++) { // recorro el array antes construido, pixel a pixel
  44.                         for($y=0; $y<$sy; $y++) {
  45.                                 unset($su1R,$su1G,$su1B,$su2,$sue); // inicializo
  46.                                 for($i=$x-$rad; $i<$x+$rad; $i++) { // circundantes en eje x
  47.                                         for($j=$y-$rad; $j<$y+$rad; $j++) { // circundantes en eje y
  48.                                                 $sue = round(pow(2.7,-(pow(($i-$x),2) + pow(($j-$y),2)))*100,4); //valor gaussiano de peso
  49.                                                 $su1R += $sue * $imatrix[$i][$j][0]; //Sumando de rojos
  50.                                                 $su1G += $sue * $imatrix[$i][$j][1]; //Sumando de verdes
  51.                                                 $su1B += $sue * $imatrix[$i][$j][2]; //Sumando de azules
  52.                                                 $su2 += $sue;
  53.                                         }
  54.                                 }
  55.  
  56.                                 imagesetpixel($im,$x,$y,imagecolorallocate($im,round($su1R/$su2),round($su1G/$su2),round($su1B/$su2)));
  57.                         }
  58.                 }
  59.  
  60.                 return $im;
  61.         </function>
  62. </filter>

Categorias: Código, Imagen Digital, PHP, Plugins | 4 comentarios »

Efecto 3DReflect para Imaset

15 de Diciembre del 2007 Escrito por Alex Barros

Acado de crear un nuevo efecto para Imaset, el 3DReflect. Si estás usando la versión 2.1, podrás utilizar este nuevo filtro subiendo un pequeño archivo XML a la carpeta “/filters” del plugin.

El filtro

El efecto es similar al ya existente de Reflejo. La diferencia es que este efecto es tridimensional, dando un efecto de profundidad.

Cielo Abstracto

Descargas

Descarga el archivo de filtro 3DReflect y súbelo a la carpeta “/filters” para empezar a disfrutarlo.Se adjunta también el archivo de idioma Español es_ES.php, para tener la traducción de los parámetros de este nuevo plugin (súbelo a tu carpeta “/lang”).

Código fuente

Este es el código fuente del archivo XML. Todabía no he escrito la API para desarrollar filtros de Imaset, pero con este ejemplo, puede que alguien ya se atreva a intentar algo.

  1. <filter>
  2.         <name>3DReflect</name>
  3.         <category>decoration</category>
  4.         <parameters>
  5.                 <pa>$s=30</pa>
  6.                 <pa>$oi=60</pa>
  7.                 <pa>$pr=25</pa>
  8.         </parameters>
  9.         <function>
  10.                 //controlo los limites
  11.                 $s = $imaset->lim($s,300,1); //tamaño
  12.                 $oi = $imaset->lim($oi,100,5); //opacidad inicial
  13.                 $pr = $imaset->lim($pr,100,0); //profundidad
  14.  
  15.                 $sx = imagesx($im);
  16.                 $sy = imagesy($im);
  17.                 if($s>$sy) $s = $sy-1;
  18.                
  19.                 $x = $sx+2*$pr;
  20.                 $y = $sy+$s;
  21.  
  22.                
  23.                 $reflekt = imagecreatetruecolor($x,$y);
  24.                 $color = imagecolorallocate($reflekt, $imaset->Red,$imaset->Green,$imaset->Blue); //Fondo
  25.                 imagefilledrectangle($reflekt, 0, 0, $x, $y, $color); //Relleno el fondo       
  26.                 imagecopy($reflekt, $im, $pr, 0, 0, 0, $sx, $sy);
  27.  
  28.                 $reflekt = $imaset->resize($reflekt,‘200%’,); //resize al doble por mejorar calidad
  29.  
  30.                 //hago el efecto conico de reflejo
  31.                 for($i=0;$i<=$s*2;$i++)
  32.                         imagecopyresampled($reflekt, $im, $pr*2-($pr*$i/$s), $sy*2+$i, 0, $sy-(round($i/2)+1), $sx*2+2*($pr*$i/$s), 1, $sx, 1);
  33.                
  34.                 $reflekt = $imaset->resize($reflekt,‘50%’,); //resize a la mitad
  35.  
  36.                 //finalmente creo el efecto transparencia con una imagen comodin
  37.                 $bla = imagecreatetruecolor($x,1);
  38.                 $color = imagecolorallocate($bla, $imaset->Red,$imaset->Green,$imaset->Blue); //Fondo
  39.                 imagefilledrectangle($bla, 0, 0, $x, 1, $color); //Relleno el fondo
  40.                
  41.                 for($i=0;$i<$s;$i++)
  42.                         imagecopymerge($reflekt, $bla, 0, $sy+$i, 0, 0, $x, 1, 100-round($oi-($i*$oi/$s)));
  43.  
  44.                 return $reflekt;
  45.         </function>
  46. </filter>

Categorias: Código, Imagen Digital, Plugins, Wordpress | 1 comentario »

Solucionado problema del plugin Imaset 2.1

7 de Diciembre del 2007 Escrito por Alex Barros

Tienes problemas para que funcione Imaset?
Hasta ahora algunas personas tenían problemas para que el plugin Imaset en la versión 2.1 les reconociera las imágenes.

Ya he conseguido dar con el problema, y he cambiado el archivo de descarga para que sustituyáis los archivos en el plugin.

El problema que ocasionaba esto es bastante complejo de explicar, pero está relacionado con la yuxtaposición de arrays. En el código de Imaset yo había optado por usar la función array_merge(), la cual une los arrays que le pases como parámetro, pero esta función no mantiene los índices numéricos, y para la aplicación era importante que los mantuviera.

La solución es usar el concatenador básico de arrays, es decir, el operador suma.

  1. $a1 = array(5=>"ABC",12=>"DEF");
  2. $a2 = array(30=>"PPP",50=>"UIO");
  3.  
  4. $a3 = $a1 + $a2;
  5.  
  6. /*  Ahora $a3 es:
  7. a3[5] = "ABC"
  8. a3[12] = "DEF"
  9. a3[30] = "PPP"
  10. a3[50] = "UIO"  */

Categorias: Aplicaciones, Boozox, Código, PHP, Plugins | 11 comentarios »

Imaset 2.1 Liberado

28 de Noviembre del 2007 Escrito por Alex Barros


nueva version 2.2
Al fin me decido a liberar la versión 2.1 de Imaset.

El plugin lleva unas semanas finalizado, pero he estado probándolo en diferentes servidores y distintos navegadores y, dada la gran cantidad de modificaciones internas que trae este nuevo plugin, han surgido una serie de incompatibilidades.

Sin embargo he decidido lanzar esta versión, ya que la considero estable (a falta de solucionar algunos bugs) para que quien no se vea afectado por estas incompatibilidades pueda ir disfrutando.

Problemas conocidos

Fundamentalmente dos:

  • Dada la nueva implementación de filtros almacenados en archivos externos, hay dos filtros que en algunos servers no dan buenos resultados. Estoy trabajando en solucionarlo para posteriores versiones
  • No funciona en Internet Explorer 6. Esto no me sorprende… es cosa del JavaScript, y también trabajo en hacerlo compatible.

Y ahora, lo más importante:

Novedades de Imaset 2.1

Sigue leyendo esta entrada »

Categorias: Aplicaciones, Imagen Digital, Novedades, Plugins, Software libre, Wordpress | 35 comentarios »

Novedades de Imaset 2.1

16 de Noviembre del 2007 Escrito por Alex Barros

imaset_2-10.png Imaset 2.1 está muy cerca. La primera beta ya está siendo distribuida entre algunos beta-testers, y la versión definitiva no tardará mucho en llegar.

Dado el éxito que tuvo la versión 2.0 del plugin, para esta siguiente versión (2.1) he decidido reestructurar todo el código, de arriba a abajo, para hacerlo mucho más modulable.

En esta nueva versión, se incluye un archivo settings.php, en el cual pueden configurarse algunas características, como el color de fondo de tu web, el idioma que quieres para la interfaz, y algunas características más.

El peso de la navegación se ha llevado al JavaScript, con lo que el plugin resulta notablemente más fluido, rápido y cómodo.

Una de las novedades más importantes, es que los filtros se almacenan en forma de archivo XML (excepto los considerados del “núcleo” de Imaset). Esto tiene tres ventajas:

  • La administración de filtros es sencilla, basta con borrar el filtro que no quieres, o subir por FTP uno nuevo
  • Si quieres disfrutar de un nuevo filtro, basta con subir un pequeño archivo.
  • Los programadores no tienen que entender cómo funciona interiormente imaset. Los filtros están muy estandarizados, y resulta muy fácil crear nuevos, siguiendo la API que próximamente será publicada.

Por último, recordar que el plugin estará disponible en algunos idiomas. En principio en Español, Inglés, Chino, Italiano y Rumano. Por defecto el plugin se muestra en inglés, pero puede modificarse muy fácilmente en settings.php

Este fin de semana se realizarán los beta-testeos y las traducciones oportunas, y muy pronto será el estreno mundial.

P.D.: También guardo otra pequeña sorpresa sobre Imaset, pero tendréis que esperar un poco más para conocerlo.

Categorias: Aplicaciones, Boozox, Imagen Digital, Novedades, Plugins | 4 comentarios »

Meme: muestra Tu Escritorio

16 de Noviembre del 2007 Escrito por Alex Barros

Miquel de Viciao2k3 me envía este meme, que consiste en mostrar mi escritorio.

Pantallazo de mi Escritorio

La verdad es que mi escritorio no tiene mucho misterio, no soy tan “personalizador” como lo es Miquel, uso Ubuntu, con la imágen de fondo por defecto (si algo está bien, para qué cambiarlo).

Los iconos están estratégicamente colocados: cada día, al encender el ordenador, lo primero que hago es abrir firefox-emesene-epiphany

Uso dos navegadores separados, para distintas tareas: en firefox hago un uso más personal (correo, feed, etc…), en epiphany hago tareas más administrativas (adsense, analytics, mantenimiento, etc…). Porqué? pues porque me gusta hacerlo así.

Además tengo Amarok en escritorio (aúnque suelo escuchar mi música por internet) y el programa Mathematica, con el que practico para las prácticas de la universidad.

También veréis un archivo llamado Imaset 2-1.txt. Esto es porque estoy a punto de lanzarlo, y me gusta anotarme cosas de lo que estoy a punto de hacer (para que no se me olviden).

En fin, eso es todo, algo sencillito.

Categorias: Boozox, Curioso, meme | 3 comentarios »

« Entradas Anteriores

del.icio.us meneame.net RSS

Buscar:

Bicivalencia Localiza las estaciones de Valenbisi, servicio público de bicicletas en Valencia, España. Ver más Gpsia Descubre y comparte rutas por todo el mundo, tomadas con GPS. Ver más Imaset Edita tus imágenes de Wordpress con este sencillo plugin. Ver más

¡Mi música es tuya!

Digo yo que...

Mis fotos de Flickr

Entradas Recientes

Meta:

Respeta el copyleft

,