Ir al contenido principal

[php] Cambia Color de Imagen con PHP

Holas!! Hoy estoy acá para mostrarles otra herramienta que usaré en mi paginilla-juego-dollmaker: se trata de la importante herramienta para cambiar de colores las ropitas que puedan usar las muñecas. ¿Cuál era la idea de esto? Sólo poner en la balanza: subir 20 tipos de ropa, cada una multiplicada por unos (mínimo) 10 colores distintos, o sea, unas 200 imágenes GIF por lo bajo, contra un solo script php que toma una ropa en tonos grises y le aplica los colores que uno quiera encima :)

Pues bien, acá tienen algunas muestras de ejemplo: Una simple polerita con mangas de color puede cambiar según los colores que nosotros, desde...



A...


...una llamativa polera de verano, o bien...


...a una femenina polera primaveral, o bien...


...a una versión más oscurilla para las que se creen malillas :P

Y así un sinfín de posibilidades :D

Pueden ustedes probar este script haciendo --» click aquí «--
Una vez en la página, para jugar a crear combinaciones de colores de la polera sólo deben cambiar los valores de las variables c1 y c2 de la URL. (Recuerden que usa colores en formato hexadecimal. Ejemplos: FF0000 = rojo; FFFF00 = amarillo; etc.)

Si a alguien le interesa, preparo una página donde poder ver y aprender el código fuente de esta pequeña herramientilla que me ha alegrado todo el día el poder haberla logrado ^_^

Hasta pronto! ^o^

PD: Por cierto que esta particularidad va derechamente ligada a la Paleta que mostré en registro anterior :P

EDITADO:
Debido a las solicitudes por ver este código, he preparado una adaptación mucho más simplificada del código original, en una página donde podrán revisar la funcionalidad básica :D No olviden darme el crédito correspondiente si utilizan este código en sus páginas, o si lo usan para basarse para hacer el propio. En serio me daría mucha rabia que alguien lucrara con esto, siendo que yo lo hice para mi uso personal y para ser usado en un portal web (que todavía no puedo implementar debido al tiempo) que será de acceso gratuito. Esop. Gracias.

--» Ver Código de Ejemplo «--

Comentarios

Anónimo ha dicho que…
podrías pasarme el código php?
soy dj_kirometeperas@hotmail.com
muchas gracias!!!
quinqui ha dicho que…
Holas! Ok, haré una adaptación y luego pondré el enlace acá :D Gracias por tu interés y por comentar ^__~
Anónimo ha dicho que…
esta increible, se puede descargar de algun lado? github? por ejemplo... osino como podria tenerlo?
mi correo es yo@sebaduran.com
quinqui ha dicho que…
Holas, estel. La verdad es que pensaba poner el código en una página, con tutorial y todo, pero lamentablemente no he tenido tiempo de hacerlo. En cuanto pueda publicaré el enlace en una nueva entrada del blog. Gracias por comentar!
Anónimo ha dicho que…
Hola Carolina.

¿Podrías compartir el código php para cambiar el color?

Gracias.
quinqui ha dicho que…
He publicado al fin una adaptación de mi código, simplificando las funcionalidades de modo que puedan entender con mayor rapidez el comportamiento del script. El link para ver el código está en el final del post. Gracias por visitar!
Anónimo ha dicho que…
Gracias por la publicación del código, Carolina.

Estuve haciendo unas pruebas por mi cuenta y logré sacar un código parecido.

He estado mirando el que has publicado y he encontrado un error que no mostraba la imagen.

En la línea:
$fcolor = strtoupper($fcolor);

A la variable le hace falta un 1 al final ya que después lo llamas como $fcolor1. Por lo que sería:

$fcolor1 = strtoupper($fcolor);


Tras esto. Gracias!
quinqui ha dicho que…
Ah! Gracias por notificármelo, eso era de esperarse, al hacer la simplificación de mi código original, donde eran 2 colores los que son aplicados, y en el código publicado lo reduje a uno. Corregiré el código en lo pronto. Gracias por avisarme :D Luego me muestras los resultados de tus propias pruebas, ok? Saludos!

Entradas populares de este blog

[wordpress] Configurar Red Multisitio

 Hola a todos! Después de mucho tiempo, por fin traigo un nuevo tip para desarrolladores principantes (como yo) de WordPress. En esta ocasión, les dejaré los pasos para poder configurar su instalación actual de WordPress como una red de multisitios. Para ello necesitarán tener acceso a los archivos del servidor web (vía FTP o similar), pues tendrán que editar y guardar algunos de ellos. Contexto WordPress nos ofrece una muy buena opción para administrar contenidos de sitios web (CMS, content managment system ). Usualmente, tenemos un sitio web asociado a esta instalación. Pero cuando necesitamos crear un nuevo sitio web, independiente del anterior, pero usando WordPress, lo que solemos hacer es crear una nueva ubicación en el servidor e instalar nuevamente WordPress en esta nueva carpeta.  Esto funciona bien, pero estamos olvidando que WordPress nos permite administrar más de un sitio con la misma instalación. Esta opción no está visible por defecto en la administración del CM...

[phpMyAdmin] El almacenamiento de configuración phpMyAdmin no está completamente configurado...

Estaba trabajando en la página de Wordpress para mi cliente, en mi instalación local ( localhost ) y cuando se me ocurre actualizar un par de plugins de WP, todo se cae. Wordpress me da unos avisos horribles de que el usuario de base de datos de WP no tiene el privilegio para alterar la BD... Me sugiere reparar las tablas. Y cuando voy a phpMyAdmin (pMA), el administrador de la BD, éste me sale con el mensaje: El almacenamiento de configuración phpMyAdmin no está completamente configurado, algunas funcionalidades extendidas fueron deshabilitadas. Averigüe por qué. Le doy click al link de "Averigüe por qué" y me muestra un nuevo mensaje, que me informa que la "Configuración de pma ... no recibió el OK ". El primer mensaje me apareció en la pantalla de inicio de phpMyAdmin.  Pero yo primero lo vi (no exactamente el mismo) en la pestaña de Operaciones de la BD de WP... y sucesivamente en la pestaña de Operaciones de todas las BD. En este caso, me ofrecía crear las ta...

[tip] Leer Código QR sin cámara, desde tu navegador web

Hola a todos. Regularmente estamos encontrándonos con que, tras terminar de leer un anuncio o información, el remitente nos deja un código QR para que podamos expandir nuestro conocimiento respecto del tema recién leído. La lectura de estos códigos se ha vuelto muy popular y accesible a todos los usuarios gracias a los dispositivos móviles. Si el mismo no cuenta con una cámara que tenga incorporado el lector, siempre podemos descargar e instalar una liviana aplicación que cumpla con esta función. Todo bien hasta ahí. Pero, ¿qué pasa si estoy en el computador, sentada frente a la pantalla que me muestra el código, y no me interesa tener que tomar el teléfono móvil, activarlo, abrir la aplicación de lectura de código, enfocar a la pantalla del computador, leer el código, copiar el texto obtenido, buscar la forma de traspasarlo a mi computador (yo generalmente lo envío a un contacto de confianza de Whatsapp, para luego leerlo desde Web Whatsapp -_-), para hacer algo que debiera estar inco...