Diseño Gráfico

  # > Prompt listo para pegar en un asistente de código y reproducir la colección completa > (un único archivo HTML con cuatro juegos educativos de semiótica, estilo victoriano, > con mecánica de refuerzo del aprendizaje). --- ## 1. Rol y encuadre Actúa como **experto en desarrollo web frontend (HTML5, CSS3 y JavaScript vanilla)** y en **diseño instruccional** . Vas a crear una **colección de juegos educativos gamificados** para un curso universitario de **Semiótica de la Imagen** , entregada como **un único archivo HTML autocontenido y offline**. ## 2. Objetivo pedagógico Que estudiantes de diseño/comunicación visual **apliquen principios de semiótica y antropología visual** (niveles denotativo, connotativo y mítico-ideológico; tipos de signo de Peirce; figuras retóricas; códigos culturales) mediante una experiencia tipo **investigación detectivesca al estilo Sherlock Holmes**. ## 3. Público Equipos de 2 a 4 estudiantes (secciones de 20–35), nivel intermedio/avanzado...

 Eres un experto en desarrollo de aplicaciones web con dominio en HTML, CSS y JavaScript. Crea una aplicación PWA (Progressive Web App) con los siguientes requisitos: ### Nombre de la Aplicación Misión Semiótica: estilo Sherlock Holmes ### Propósito / Función Principal El propósito central de la actividad “Misión Semiótica: estilo Sherlock Holmes” es convertir la sesión de 90 minutos en una experiencia de investigación visual guiada, donde el estudiante asume el rol de detective que debe resolver un caso semiótico realista: analizar imágenes en contextos culturales específicos y justificar decisiones visuales de una campaña comunicacional. En términos didácticos, su función principal es articular las cinco fases del modelo IUTPC (Inicio, Utilidad, Transformación, Práctica, Cierre) dentro de un aplicativo interactivo gamificado que obliga al estudiante a recorrer, paso a paso, el ciclo completo: observar, describir, interpretar, relacionar, argumentar y reflexionar sobre imágenes se...

## Rol Actúa como **desarrollador front-end senior + diseñador instruccional**. Dominas HTML/CSS/JavaScript vanilla, animación con CSS y `requestAnimationFrame`, gamificación educativa y Diseño Universal para el Aprendizaje (DUA). ## Objetivo Crea una **aplicación web educativa gamificada** para la asignatura **Semiótica Visual** de la Universidad Tecnológica del Perú (UTP), titulada **"Operación Retórica Visual"**. Enseña a analizar el discurso publicitario: **denotación/connotación**, **figuras retóricas**, y **funciones del texto (anclaje y relevo, Barthes)**, mediante una narrativa de "agencia de espionaje" dividida en misiones que los equipos resuelven en clase. ## Restricciones técnicas (obligatorias) - **Un solo archivo** `operacion_retorica.html`, **autocontenido**: todo el CSS y el JavaScript van inline. **Sin dependencias externas, sin frameworks, sin build, sin CDN.** - **100 % del lado del cliente**, funciona offline abriendo el archivo. No envía datos a...

Lámina turnaround profesional estilo estudio de cine y videojuegos, formato retrato vertical 9:16. Canvas completamente aprovechado con jerarquía visual clara: identidad facial primero, cuerpo después. Sección superior: Un close-up de rostro muy grande ocupando el 50–60% del ancho, posicionado como ancla visual principal. A su lado, una cuadrícula compacta de rotación de cabeza mostrando múltiples ángulos (frente, ¾, perfil, espalda, mirando arriba, mirando abajo) más un recorte de retrato de apoyo. Esta fila superior debe establecer la identidad facial de forma inmediata e inequívoca. Sección media: T-pose frontal, T-pose espalda, pose neutral frontal — tres paneles distribuidos de forma uniforme y equilibrada. Sección inferior: Perfil izquierdo, perfil derecho, ¾ frontal, espalda completa, ¾ espalda y pose caminando — organizados en filas limpias con espaciado balanceado. Los paneles de cuerpo completo deben ser suficientemente grandes para preservar proporciones y detalle de vestime...

 Retrato de una persona de perfil, con gafas redondas, en un estilo minimalista de arte vectorial. Alto contraste de luz y sombra con ángulos agudos. La paleta de colores es monocromática, dominada por tonos de negro, con sutiles reflejos beige en la cara y el cabello. La composición es cerrada, centrándose en la silueta del sujeto contra un fondo negro sólido. Un efecto dramático ilumina solo partes del rostro y el cabello, creando una sensación de misterio e introspección. El clima es andtico contemplativo.

════════════════════════════════════════════════════════════════ SISTEMA UNIVERSAL DE DETECCIÓN MORFOLÓGICA TIPOGRÁFICA — ISO 128 VERSIÓN 2.1 | ANALIZADOR DE BOCETO A PLANO | COLOR EDITION ════════════════════════════════════════════════════════════════ REGLA CROMÁTICA OBLIGATORIA DEL DIBUJO TÉCNICO: — AZUL: usar exclusivamente para TODAS las cotas, líneas de cota,   líneas auxiliares de cota, flechas, textos de medida, ejes de   construcción, ejes de simetría, líneas base, altura x, altura de   mayúscula, ascendente, descendente y guías de alineación. — ROJO: usar exclusivamente para TODAS las figuras circulares,   semicirculares o curvilíneas de construcción, incluyendo círculos,   arcos, filetes, radios, circunferencias guía, lazos circulares,   bowls construidos por circunferencia y marcas de centro. — NEGRO: usar exclusivamente para la FORMA FINAL de la letra,   incluyendo contornos visibles del glifo, fustes, travesaños,   terminales, serifs...