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.
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
- http://fashionweekdates.com/fashion-week-2020-dates.html
- https://tributetomagazine.com/fashion-week-schedules-dates-2020/
Cada año existen los colores de temporada y diferente temporadas en la moda de acuerdo a las temporadas, primavera,verano,otoño invierno
- https://www.trendencias.com/tendencias/estos-colores-que-triunfaran-proximo-verano-2020-sus-17-combinaciones-cromaticas
- https://www.acolorfulday.com/colores-de-moda-2020-y-tendencias/
Este año por lo que leí los colores son:
- 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.
Primer paso arme mi colección de moda con 6 diseños:
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
Con el botón diseño a vestir abre una pantalla con la sugerencia del diseño a vestir
Con el botón colores a combinar , te abre otra pantalla con la sugerencia de 4 colores a combinar
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 combinarCon el botón diseño a vestir abre una pantalla con la sugerencia del diseño a vestir
Con el botón colores a combinar , te abre otra pantalla con la sugerencia de 4 colores a combinar
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
- Para más información de la función rand de PHP vean la liga https://www.php.net/manual/es/function.rand.php
- Para más información de la función imagepng de PHP vean la liga https://www.php.net/manual/es/function.imagepng.php
- Para más información de la función imagefilledrectangle de PHP vean la liga https://www.php.net/manual/es/function.imagefilledrectangle.php
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é:
- ASAP54
- Pose
- Cloth
- DressApp
- WiShi
- Walk In My Closet
- smart Closet
- Chicisimo
- Closet+
- Stylish Girl
- My Fashion Assistant
También existe la opción de closets con tecnología como
Comentarios
Publicar un comentario