MiniMax API

Una página HTML impecable, de un solo archivo y totalmente autónoma (solo CSS y JavaScript inline — absolutamente sin bibliotecas externas, CDNs, fuentes ni URLs de imágenes; cada textura construida exclusivamente con gradientes CSS, box-shadows e inset shadows) que renderice un BANCO DE TRABAJO DE COMPOSICIÓN TIPOGRÁFICA LETTERPRESS interactivo y skeuomórfico: llena el viewport con una cálida superficie de trabajo de madera de nogal (gradientes marrones en capas + veta sutil mediante repeating linear-gradients y punteado de sombras tipo ruido), iluminada por una única lámpara cálida de tungsteno desde la parte superior izquierda, de modo que las piezas de metal cepillado capten un suave brillo especular y cada objeto elevado proyecte una sombra larga y suave hacia la parte inferior derecha. Lado izquierdo: una caja tipográfica compartimentada (California job case) con celdas en cuadrícula que contienen diminutos tipos móviles de plomo en relieve (letras, números, puntuación), cada tipo como una pieza metálica biselada con un glifo elevado e invertido en espejo en su cara. Centro: un componedor / galera abierta donde se acumulan los tipos colocados. Proporciona un flujo completo y funcional de composición tipográfica: (1) el usuario escribe en el teclado físico O hace clic en glifos de la caja tipográfica, y por cada carácter un tipo de plomo se anima volando desde su celda y cae en el componedor con una nítida animación de asentamiento con microrebote y «clack»; (2) finos bloques espaciadores de plomo arrastrables entre tipos permiten al usuario ajustar el espaciado entre letras/kerning arrastrando, con redistribución del layout en vivo; (3) un rodillo entintador rotatorio (brayer) que el usuario arrastra sobre la forma bloqueada, dejando un brillo de tinta índigo intenso y lustroso (reflejo especular móvil animado) sobre las caras elevadas de los tipos; (4) una palanca de impresión abatible que el usuario presiona (clic sostenido o botón), que baja una hoja de papel verjurado color crema sobre la forma entintada y la estampa — el momento culminante es la palanca regresando por resorte mientras la línea recién impresa aparece en el papel con tipografía letterpress genuinamente hundida: cada letra presionada en el papel con una inset shadow que da una indentación física, tinta que sangra/se deshilacha ligeramente en la veta visible de las fibras del papel, y un tenue halo de impresión de la plancha alrededor del bloque. Paleta: predominan el umber tostado, el dorado latón cepillado y el crema cálido/blanco roto de papel de arroz, con tinta índigo intenso como ÚNICO acento frío. Incluye detalles táctiles: tornillos moleteados de latón, un cierre quoin, botones con tono de madera y estados presionado/activo realistas, y easing satisfactorio en cada transición (cubic-bezier elástico). Hazlo responsive (que escale con elegancia hasta ancho de tablet), mantén todo el estado en vanilla JS, y permite al usuario componer una breve línea completa de poesía, entintarla y tirar una impresión que pueda admirar visualmente — todo debe sentirse artesanal, pesado y ceremonial, con la física de la caída, el arrastre y la impresión transmitida mediante movimiento y sombra, sin ningún recurso externo.

Crea un único archivo HTML completo y autónomo que se abra directamente en cualquier navegador moderno sin dependencias externas — todo el CSS y JavaScript debe estar inline, y no se permiten bibliotecas externas, CDNs, fuentes ni URLs de imágenes (dibuja todo con Canvas 2D o SVG generado en código). Construye un "Banco de trabajo de tren de engranajes de latón" interactivo: un simulador mecánico de engranajes encajables renderizado sobre una mesa polvorienta de planos de ingeniería, donde el usuario ensambla un tren de engranajes funcional y observa cómo una rotación físicamente precisa se propaga por la cadena. Requisitos principales de interacción y simulación: - Renderiza el escenario principal como una superficie de dibujo técnico: una fina cuadrícula cian sobre papel azul de ingeniería profundo con una tenue película de polvo y viñeta, además de marcas de acotación y anotaciones de delineación a lo largo de los bordes. - Proporciona una bandeja/barra lateral de piezas a la izquierda con engranajes de varios tamaños distintos (diferentes números de dientes / módulos, p. ej., 12, 18, 24, 36, 48 dientes). El usuario arrastra un engranaje desde la bandeja al escenario; al soltarlo, se ajusta a la cuadrícula. - Cada engranaje debe dibujarse como una rueda dentada realista de estilo involuta en tonos de latón — cuerpo dorado cálido, borde envejecido con pátina de cobre, reflejo marfil, buje visible, radios y agujero central — con sombreado biselado sutil para que el metal se perciba como metal. - Implementa detección de engrane genuina: cuando dos engranajes colocados están a una distancia entre centros igual a la suma de sus radios primitivos (módulo × dientes / 2) dentro de una tolerancia, se acoplan automáticamente y quedan bloqueados en una cadena accionada; dibuja un indicador de engrane donde los dientes se interbloquean. Las cadenas pueden ramificarse a través de varios engranajes. - Coloca un volante de manivela en la parte inferior izquierda como origen visual y mecánico. El usuario gira la manivela (arrastrando para rotarla o manteniendo pulsado un botón); entonces toda la cadena engranada rota en secuencia. Calcula la velocidad angular y la dirección de cada engranaje descendente estrictamente a partir de la relación de engranajes (ω_out = ω_in × N_in / N_out, alternando la dirección en cada engrane), y anima los dientes para que permanezcan perfectamente sincronizados en fase en el punto de contacto, de modo que ningún diente se solape visualmente ni atraviese otro. - El engranaje final de la cadena mueve una aguja indicadora sobre un medidor circular numerado; la aguja debe mostrar una lectura real derivada de la relación acumulada de engranajes (muestra las RPM de salida calculadas y la relación total como texto en vivo). - Si el usuario intenta colocar engranajes cuya geometría de dientes no puede engranar (espaciado/módulo incompatible), esa unión debe atascarse: parpadear en rojo, detener la propagación más allá de la junta incorrecta y mostrar una pequeña advertencia de "tooth mismatch". - Añade un haz de luz: un rayo de cálida luz matinal inclinado desde una ventana superior a través del escenario, con motas de polvo animadas flotando en el haz y destellos especulares cálidos deslizándose por los dientes de los engranajes al girar, para que la máquina parezca estar despertando. Pulido visual y de UX: - Dirección artística: trazos retro de ingeniería dibujados a mano fusionados con metal fotorrealista — cuadrícula fina de plano técnico bajo latón, bronce envejecido, pátina verde-azulada y blanco marfil; iluminación lateral cálida con sombras largas y suaves para esculpir volumen y profundidad. - La composición debe presentar la manivela como punto de entrada, con la cadena de transmisión cruzando diagonalmente el encuadre. - Incluye un HUD despejado que muestre la velocidad de la manivela, la relación total de engranajes, las RPM de salida y el recuento de engranajes, además de pequeños controles para invertir la manivela, limpiar el escenario y ajustar la velocidad de la manivela con un slider. - Todo debe ser fluido (requestAnimationFrame), responsive al tamaño de la ventana y seguir funcionando de forma interactiva — arrastrar, ajustar a la cuadrícula, engranar y actualizar lecturas deben responder todos en tiempo real. Haz que se sienta táctil, preciso y vivo.