Enlucido automatizado — escena de apertura
06EXPERIENCIAS WEB2026EN DESARROLLO

AUTOMATED PLASTERING

De la medición a la perfección.

Logotipo de شركة المساح الآلي

Una historia de producto en árabe guiada por scroll para un sistema robótico automatizado de enlucido de paredes, reconstruida píxel a píxel a partir de seis capturas de referencia con una canalización de inpainting en Python y una única línea de tiempo maestra fijada de GSAP.

Seis láminas fotográficas —medición láser, bomba de mortero continua, aplicación automatizada, nivelación por robot, control de calidad, beneficios— se recorren mediante una línea de tiempo fijada de GSAP sobre Next.js 16 con el React Compiler. Los visuales se obtuvieron por ingeniería inversa a partir de capturas de referencia de 1672×941: una canalización en Python + OpenCV elimina por inpainting la interfaz y las líneas láser incrustadas en los originales, clona la textura de la pared sobre los paneles antiguos, vuelve a aplicar grano a los rellenos y exporta láminas limpias de 1920×1080, mientras DESIGN.md registra la geometría de píxeles medida para que la interfaz reconstruida coincida con la fuente al píxel.

El diseño se expresa en unidades de píxel de referencia (--u = vwpx/1672) y los tamaños de fuente de Cairo están calibrados para que la tinta renderizada coincida con las filas de glifos de referencia. El modo de movimiento reducido renderiza seis capítulos estáticos a altura completa.

01

Visión general

Casi negro, naranja de seguridad y verde láser. El usuario desplaza un robot por una obra de construcción capítulo a capítulo.

Enlucido automatizado — escena de apertura
01 — من القياس إلى الكمال
02

Canalización de activos

Enlucido automatizado — escena de apertura
Captura de referencia original antes de la limpieza
REFERENCIA 1672×941LÁMINA LIMPIA 1920×1080
  • 01scripts/prepare_assets.py — inpainting de la interfaz y las líneas láser, clonado de la textura de pared, elevación de la banda del encabezado, regranulado, exportación a 1920×1080
  • 02scripts/measure.py — imprime la geometría de referencia que documenta DESIGN.md
  • 03LaserSystem.tsx renderiza los haces a partir de coordenadas x1/y1/x2/y2 medidas por capítulo
  • 04ViewportUnits.tsx escribe --vwpx/--vhpx para que el diseño viva en píxeles de referencia
04

Diseño

Tipografía calibrada.

La tinta de Cairo es pequeña respecto a su em, así que los tamaños de fuente están calibrados para que la tinta renderizada coincida con las filas de glifos de referencia; la altura de línea es igual al paso de línea de referencia dividido por el tamaño de fuente. Los números de capítulo se apoyan en un riel en x 51 con un paso de 93 px.

  • ink-950 #080808 · naranja #FF5A00 · láser #39FF4C
  • Cairo 300–900 con Tajawal como alternativa
  • --ease-out cubic-bezier(0.22, 1, 0.36, 1)
Logotipo de شركة المساح الآلي
Siguiente proyecto
PETS & PETS ASSIUT