Combinación de colores, Moda y programación con PHP

Share this Post Share to Facebook Share to Twitter Email This Pin This
Hola bienvenidos a otro post de este blog, estuve pensando en que otra área podíamos utilizar programación así que leyendo las noticias e Instagram, el 4 de mayo debió llevarse acabo La MET Gala , que es un evento que promueve (Museo Metropolitado de New York) donde artistas, famosos y celebridades acuden al evento y siguen una temática en su vestimenta, este año es Tiempo: moda y su permanencia como no se llevo acabo muchos artistas decidieron recordar en Instagram con fotos de galas anteriores y Vogue hizo un vídeo con los momentos más representativos.

Vídeo de https://www.vogue.com/ encontrado en la liga de https://yosoitu.lasillarota.com/

Como resultado de esto Pensé en la Moda para generar un programa y este post, no me considero una persona con el criterio para dar consejos de moda, pero si una persona que pueda desarrollar una Página que de manera aleatoria nos sugiera 4 colores a combinar en nuestra ropa .



Les platico un poco más acerca de la moda, hay 2 temporadas para la semana de la moda una para la colección primavera-verano y otra otoño-invierno las semanas de la moda terminaron el 28 de Febrero de 2020 en Milán pero en Septiembre 11 comienzan de Nuevo en New York, les comparto las fechas y las ciudades



  • Del 6 al 14 de Febrero y del 11 al 16 de Septiembre, fue la semana da la moda en New York
  • Del 14 al 18 de Febrero y del 18 al 22 de Septiembre, fue la semana de la moda en Londres
  • Del 18 al 24 de Febrero y del 22 al 28 de Septiembre, semana de la moda en Milan
  • Del 24 de Febrero al 4 de marzo y del 28 de Septiembre al 6 de Octubre, la semana de la moda en París
  • Otros eventos que son importantes para la moda son los premios como los Golden Globe, los Oscares, Emys, Gramys, MET Gala 

    Si quieren ver las fechas e incluso las agendas pueden verlo en las siguientes ligas:

    Cada año existen los colores de temporada y diferente temporadas en la moda de acuerdo a las temporadas, primavera,verano,otoño invierno 


    • Naranja
    • Saffron
    • Aguamarina
    • Verde Hierba fresca
    • Rosado Coral
    • Morado
    • Classic Blue o lei  Heridate BLue





    Bueno buscando todo esto pensé en como hacer una Pagina WEB , que te ayude a poder armar tus combinaciones en tu look y que estés a la moda. 

    Primer paso arme mi colección de moda con 6 diseños:



    Esta moda esta inspirada en una muñeca recortarle que vendían y que podías vestir, quizá viendo una imagen algunos la recuerden



    Mis diseños no tiene color, porque el color los vamos a mostrar  en la página en base a los colores de moda de esta temporada Primavera-Verano 2020, la página nos va a calcular la combinación y el atuendo de manera aleatoria 


    La página es  

    https://ejemploprogramacionparatodos.000webhostapp.com/Pagina_moda.html

    La pantalla de inicio tiene los 6 diseños y 2 botones: Diseño a vestir y Colores a combinar

    https://ejemploprogramacionparatodos.000webhostapp.com/Pagina_moda.html




    Con el botón diseño a vestir abre una pantalla con la sugerencia del diseño a vestir
    pagina PHP

    Con el botón colores a combinar , te abre otra pantalla con la sugerencia de 4 colores a combinar 
    colores aleatorios en PHP


    La página HTML


    <html>
    <head>
    <title>Combinaciones de Ropa</title>
    </head>
    <body>
    <p> Esta página es un ejemplo de como mostrar combinación de colores </p>
    <p> Primero mi coleccion de moda ProgramacionParaTodos 2020 </p>
    <img src="esquema.png" alt="Smiley face" height="300" width="800">
    <p>Ahora vamos a presionar el botón de Diseño a Vestir para
    elegir un modelo y despúes el botón Colores a Combinar para saber cuales utilizar
    y ¡¡¡vestir así el día de hoy!!!
    <form action="pagina_moda2.php" method="GET">
     <div align="center">
       <input type="submit" value="Diseño a Vestir"/>
     </div>  
    </form>
    <form action="pagina_moda3.php" method="GET">
     <div align="center">
       <input type="submit" value="Colores a Combinar"/>
     </div>  
    </form>

    </body>

    </html>

    El programa en PHP para seleccionar modelo

    <?php
    $num_atuendo = rand(1, 6);
    $esquema = "esquema" . strval($num_atuendo) . ".png";
    header("Content-type: image/png");
    $im = imagecreatefrompng($esquema);
    imagepng($im);
    imagedestroy($im);
     
    ?>

    Para el programa cada imagen es un archivo con nombre esquema1.png.... hasta el esquema6.png, lo que hacemos generar un numero aleatorio para que nos muestre el esquema correspondiente a ese número aleatorio.

    El programa en PHP para seleccionar colores
    <?php
    // Crear una imagen de 200 x 200
    $lienzo = imagecreatetruecolor(500, 100);

    // Asignar colores
    $azul = imagecolorallocate($lienzo, 51, 85, 139);
    $amarillo =  imagecolorallocate($lienzo, 254, 175, 18);
    $verde = imagecolorallocate($lienzo, 78, 196, 164);
    $chiva  = imagecolorallocate($lienzo,86, 92, 70);
    $rosa = imagecolorallocate($lienzo, 233, 172, 157);
    $canela = imagecolorallocate($lienzo, 162, 85, 58);
    $uva = imagecolorallocate($lienzo,114, 97, 124);
    $sol =  imagecolorallocate($lienzo,239, 218, 164);

    // Dibujar 4 cuadrados, cada uno con su color
    $col1 = rand(1,8);
    switch ($col1) {
        case 1:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $azul);
            break;
        case 2:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $amarillo);
            break;
        case 3:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $verde);
            break;
        case 4:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $chiva);
            break;        
        case 5:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $rosa);
            break;     
        case 6:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $canela);
            break;       
        case 7:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $uva);
            break;  
        case 8:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $sol);
            break;  
    }
    ........

    $col4 = rand(1,8);
    switch ($col4) {
        case 1:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $azul);
            break;
        case 2:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $amarillo);
            break;
        case 3:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $verde);
            break;
        case 4:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $chiva);
            break;        
        case 5:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $rosa);
            break;     
        case 6:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $canela);
            break;       
        case 7:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $uva);
            break;  
        case 8:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $sol);
            break;  
    }

    // Imprimir y liberar memoria
    header('Content-Type: image/jpeg');
    imagejpeg($lienzo);
    imagedestroy($lienzo);
    ?>



    Luego para saber de que color vestirse tome los códigos de colores RGB de la página https://simpledits.com/color-palette-guide-with-pantone-colors-for-spring-summer-2020-nyfw-with-hex-cmyk-and-rgb-values/  y puse igual 4 funciones rand para saber que colores pintar



    Recuerden probar la página 

    https://ejemploprogramacionparatodos.000webhostapp.com/Pagina_moda.html


    La verdad es una página muy sencilla y pueden hacer o existen otras aplicaciones más complejas que te permiten crear un closet virtual y armar combinaciones, o buscar tendencias de moda por ejemplo, buscar un atuendo por fotografía les comparto algunas opciones que encontré:

    También existe la opción de closets con tecnología como 

    No olviden compartirnos y seguirnos en este blog o en Facebook.

    No hay comentarios.:

    Publicar un comentario