Cómo se renderiza un fotograma de Animal Well, paso a paso

Animal Well es un juego independiente construido sobre un motor propio, y un análisis técnico mediante RenderDoc desglosa cada llamada de dibujo que conforma un único fotograma. El vídeo revisa el proceso capa a capa para entender cómo se logra su estética tan característica. Primero se pinta un spr

El hilo principal del navegador: por qué es un recurso costoso

En el desarrollo frontend, la optimización suele centrarse en reducir peticiones, adelgazar el bundle o aprovechar la caché. Sin embargo, en interfaces muy interactivas —con datos en streaming, animaciones y entrada del usuario simultáneas—, el cuello de botella pasa a ser otro: el hilo principal de

El problema de los tres trazos en el renderizado de diseño

Penpot, la herramienta de diseño open source, detalla en su blog técnico un desafío interno bautizado como "El problema de los tres trazos". El equipo lo descubrió durante la migración de su renderizador clásico, basado en SVG, a un nuevo sistema basado en WebGL con la biblioteca Skia como motor grá

Cuándo conviene construir tu webapp con Canvas en lugar de HTML

El elemento Canvas de HTML existe desde hace más de veinte años y ofrece un espacio en blanco dibujable mediante una API de JavaScript, en contraste con el modelo basado en árbol de nodos del DOM que los desarrolladores web suelen manejar. Aunque el DOM resulta más cómodo para la mayoría de aplicaci

Una técnica basada en texturas para evaluar curvas Bézier en la GPU

Muhammad Anas y Alan Wolfe presentan en el Journal of Computer Graphics Techniques (JCGT) un método para evaluar curvas Bézier en la GPU que aprovecha el hardware de interpolación lineal de texturas de función fija. Al delegar el cálculo de las curvas al interpolador de texturas, la técnica alivia l

Crear tu propio motor de juego: por qué, para qué y cómo abordarlo

Tras la polémica de Unity sobre precios y licencias, el debate sobre los motores de juego se reavivó: ¿conviene migrar a otro motor, quedarse o construir uno propio? Este artículo desmonta la idea de que un motor de juego es algo inherentemente enorme o complejo. El autor, desarrollador de un motor

Tiny Shading Language: Creando un Lenguaje de Sombras para Renderizado Offline

El programador gráfico Jiayin Cao desarrolló Tiny Shading Language (TSL), un lenguaje de sombras personalizado para su renderizador SORT, en cuatro meses. La motivación detrás de este proyecto incluyó el aprendizaje profundo del proceso de compilación, la flexibilidad para modificar el código y la n

Intersección rayo-superficie: la matemática esencial del ray tracing

La intersección entre un rayo y una superficie es la operación fundamental del ray tracing, la técnica que genera imágenes realistas calculando el camino de la luz píxel a píxel. Un ray tracer lanza rayos desde una cámara a través de cada píxel de la pantalla y determina qué superficie golpea cada u

Shader Lab: Emula pantallas CRT con arte digital

Shader Lab, según lo explicado por Basement Studio, es un sistema de shaders especializado diseñado para emular la estética de pantallas CRT (tubos de rayos catódicos) en entornos digitales. En esencia, un shader es un pequeño programa que se ejecuta en la tarjeta gráfica y define cómo se renderiza

HarfBuzz mejora emojis con nuevo algoritmo

HarfBuzz, una biblioteca de código abierto para el formateo de texto, ha integrado el algoritmo Slug para mejorar la representación de emojis, especialmente a diferentes escalas. Anteriormente, HarfBuzz era principalmente una biblioteca de formateo de texto, pero ahora también incluye capacidades de

Juego en 4D: Hyperhell desafía la realidad

Un desarrollador ha creado Hyperhell, el primer juego de disparos tipo DOOM en cuatro dimensiones. El proyecto, disponible como demo, desafía la comprensión humana al sumergir al jugador en un laberinto tetradimensional lleno de enemigos como demonios y ángeles oscuros. El juego, desarrollado por Da

Retro Game Engine: Recreando la Estética CRT

Este artículo de Analog Dream Dev explora la motivación detrás de la creación de Retro Game Engine, un motor de juego diseñado específicamente para replicar la estética visual de los juegos clásicos en televisores CRT (tubos de rayos catódicos). El autor, con experiencia previa en motores como Unrea

Gráficos 3D: Menos trigonometría, más vectores

Este artículo del blog de Inigo Quilez argumenta que el uso excesivo de trigonometría (seno, coseno, tangente, arcoseno, arcocoseno, arcotangente) en algoritmos de gráficos 3D es innecesario y a menudo introduce complejidad y errores. La premisa central es que la información que la trigonometría int

Herramientas de terminal Bubble Tea alcanzan la versión 2.0

Las herramientas de interfaz de usuario de terminal Bubble Tea, Lip Gloss y Bubbles han salido de fase beta con sus versiones 2.0.0, marcando un hito importante para el ecosistema de desarrollo de terminales. Estas actualizaciones, que ya impulsan el agente de codificación con IA de Charmbracelet, C

Medio Tono: Arte Digital y su Origen en la Impresión

Este artículo del blog de Maxime Heckel explora el efecto visual del medio tono (halftone), una técnica originalmente utilizada en la impresión para simular tonos continuos con puntos de tinta de diferentes tamaños. Hoy en día, el medio tono se ha convertido en una herramienta artística versátil, po