Cómo hacer gráficos como en 1993

Si quieres que un gráfico se sienta como 1993, no basta con ponerle filtros “retro” y bajar la resolución. La estética de esa época venía de límites muy concretos: pocas texturas, polígonos contados, color restringido, iluminación simple y una cadena de renderizado pensada para hardware que hoy te parecería lentísimo. La parte interesante es que esas restricciones no eran un adorno; definían el lenguaje visual.

Lo bueno es que hoy puedes recrear ese lenguaje sin depender de un PC viejo ni de un engine de museo. De hecho, con herramientas modernas puedes controlar mucho mejor qué se ve, qué se oculta y qué se exagera. El truco está en tomar decisiones técnicas específicas, no en confiar en “un look vintage” genérico.

Qué hacía que un gráfico se viera de 1993

En 1993, el 3D en tiempo real todavía estaba peleando con la geometría, la memoria y el ancho de banda. Los modelos tenían pocos triángulos, las texturas eran chicas y la iluminación solía ser básica. Eso generaba una imagen muy particular: formas claras, superficies planas, detalle limitado y cierta aspereza en el movimiento.

Si piensas en juegos de PC y consola de esa época, verás patrones repetidos. Los personajes tenían siluetas fuertes porque no había polígonos suficientes para curvas suaves. Los escenarios usaban texturas de 64x64 o 128x128 en muchos casos, y era común reutilizar materiales. La cámara también ayudaba: ángulos cerrados, planos fijos o movimientos cortos reducían la cantidad de cosas visibles al mismo tiempo.

Tres restricciones que definían el look

La primera restricción era la geometría. Menos triángulos significaba menos redondeo y menos detalle fino. La segunda era la textura: imágenes pequeñas, a menudo comprimidas o reutilizadas, que producían repetición visible. La tercera era el color y la iluminación, con gradientes simples y poca variedad de materiales. Juntas, esas tres cosas daban una imagen muy reconocible.

No necesitas copiar exactamente esos números para lograr el efecto, pero sí entender qué producen. Si subes demasiado la resolución de textura o metes demasiadas luces, el resultado deja de parecer 1993 y empieza a parecer “un juego moderno con filtro”.

La estética retro no se consigue con un filtro

El error más común es aplicar pixelation, bajar la resolución y listo. Eso puede dar una sensación nostálgica, pero no reproduce cómo se construía la imagen. En los 90, el look nacía desde el pipeline: modelado, UVs, material, cámara, rasterizado y postprocesado, todo limitado por lo que el hardware podía hacer.

Si quieres un resultado convincente, conviene pensar como si estuvieras diseñando para una máquina vieja, aunque renderices en una máquina nueva. Eso implica decidir cuántos polígonos usarás, cómo se verán las texturas a distancia, si habrá dithering, si la iluminación será baked o en tiempo real y cuánto vas a dejar que el aliasing “viva” en la imagen.

Lo que sí debes controlar

Hay cuatro controles que te dan mucho más resultado que un filtro genérico:

1. Resolución interna: renderiza a una resolución baja y escala con nearest neighbor o un escalado muy controlado.
2. Texturas con tamaño limitado: usa atlas pequeños y evita detalles microscópicos.
3. Geometría con pocos cortes: no suavices de más; deja que la forma se lea como bloques.
4. Iluminación restringida: usa pocas luces y evita materiales físicamente perfectos.

Eso no significa que todo deba verse mal. Significa que el error visual debe ser coherente. En 1993, la imagen tenía defectos específicos, no ruido aleatorio.

Qué conviene evitar

Evita superficies con reflejos PBR demasiado limpios, normales muy detalladas y sombras suaves tipo film. También evita texturas con mucho microdetalle, porque rompen la ilusión al instante. Si una pared parece sacada de una captura moderna de 4K, ya perdiste el efecto.

Otro error es exagerar el postprocesado. Un CRT shader con scanlines, curvatura, chromatic aberration y ruido puede servir, pero solo si el contenido base ya está bien planteado. Si el render base no tiene la lógica de los 90, el postprocesado solo maquilla el problema.

Cómo construir ese look con ingeniería moderna

La ventaja de hoy es que puedes separar el resultado visual de las limitaciones reales del hardware. Puedes usar un engine moderno, pero hacer que renderice con reglas antiguas. Eso te permite iterar rápido, medir el costo y ajustar cada detalle sin tener que pelear con drivers o APIs obsoletas.

En la práctica, el proceso suele ser una mezcla de decisiones de assets y decisiones de render. Assets: modelos low-poly, texturas pequeñas, animaciones cortas. Render: resolución interna baja, filtros de muestreo específicos, quantización de color y, si hace falta, dithering en pantalla o en post.

Pipeline recomendado

Un pipeline razonable para este objetivo podría verse así:

1. Modela con siluetas claras y topología simple.
2. Limita cada textura a 64x64, 128x128 o 256x256 según el caso.
3. Usa un atlas por escena para controlar repetición y memoria.
4. Renderiza a una resolución interna baja, por ejemplo 320x240, 426x240 o 640x360.
5. Escala al tamaño final sin interpolación borrosa.
6. Añade una capa de postprocesado mínima, solo si aporta coherencia.

La clave es que cada paso tenga un motivo técnico. Si no puedes explicar por qué una decisión existe, probablemente solo estás acumulando efectos.

Ejemplo práctico de resolución y percepción

Si renderizas una escena a 320x240 y la muestras en una pantalla moderna, la lectura cambia mucho. Las diagonales se vuelven más dentadas, los bordes se simplifican y los objetos pequeños desaparecen antes. Eso no es un bug; es parte del lenguaje visual. En 1993, esa pérdida de información era normal y, de hecho, ayudaba a que el jugador entendiera el mundo con menos datos.

Lo mismo pasa con el color. Una paleta menos rica obliga a separar mejor las zonas de interés. Si todo tiene matices sutiles, el ojo moderno espera más fidelidad. Si reduces el rango cromático, la imagen se vuelve más gráfica y más cercana a la época.

Técnicas concretas para clavar la estética

Aquí es donde conviene ponerse específico. No basta con decir “usa pocos polígonos”. Necesitas saber qué efecto produce cada técnica y cuánto conviene empujarla. En muchas escenas retro, el impacto visual venía de combinar varias limitaciones pequeñas, no de una sola gran decisión.

Un ejemplo útil es el de las texturas. Si una pared usa una textura de 128x128 con repetición visible, el ojo empieza a leer el patrón como material. Si encima el UV mapping no está perfectamente alineado, aparece esa sensación de imperfección tan típica de la época. Hoy podrías corregir todo eso, pero si buscas el look de 1993, a veces conviene dejar algo de esa irregularidad.

Dithering, paletas y bandas de color

El dithering servía para simular más colores de los que realmente había. En vez de un degradado limpio, aparecían patrones de puntos o cruces que mezclaban tonos. Si lo usas con cuidado, aporta mucho a la sensación retro. Si lo exageras, parece un efecto decorativo sin contexto.

La paleta también importa. No se trata de limitar todo a colores apagados, sino de elegir un rango coherente. Por ejemplo, si tu escena tiene neones, metal y concreto, puedes mantener saturación alta solo en 2 o 3 acentos y dejar el resto en valores más planos. Así la composición se siente controlada.

Geometría low-poly sin que parezca torpe

Una buena escena low-poly no es simplemente una escena incompleta. Tiene que tener intención. Las formas grandes deben leerse bien desde lejos, y los detalles secundarios deben existir solo si ayudan a la silueta o a la navegación visual. En 1993, muchas veces el detalle fino estaba en la textura, no en la malla.

Si quieres un personaje convincente, piensa en bloques: cabeza, torso, brazos, manos, piernas. Después decide qué partes necesitan más cortes y cuáles pueden quedarse rígidas. Una mano con demasiados segmentos puede romper la coherencia, mientras que una mano demasiado simple puede verse como un placeholder. El equilibrio está en hacer que el límite parezca una decisión de estilo.

Un ejemplo de implementación moderna

Supongamos que estás trabajando en un proyecto web o en un motor como Unity o Godot. No necesitas una arquitectura exótica para lograr el efecto. Lo que necesitas es controlar la salida final. Muchas veces basta con renderizar la escena a una textura interna más pequeña y luego presentar esa textura en pantalla con un escalado exacto.

Si usas WebGL o WebGPU, el concepto es el mismo: render target pequeño, sampling controlado y postprocesado mínimo. Si usas un motor tradicional, puedes hacer lo mismo con una cámara secundaria o un viewport dedicado. Lo importante es no perder el control del buffer final.

Ejemplo de lógica de escalado

const internalWidth = 320;
const internalHeight = 240;
const scale = 3;
const outputWidth = internalWidth * scale;
const outputHeight = internalHeight * scale;

// Render scene to low-res buffer
// Then blit to screen with nearest-neighbor scaling

Ese fragmento no hace magia, pero muestra la idea base: primero decides la imagen “real” y después la presentas agrandada. Si dejas que el motor renderice todo a resolución nativa y luego le aplicas un filtro retro, ya no estás controlando la estética desde el origen.

Qué medir para no perder el control

Mide al menos estas cosas:

• cantidad de triángulos por asset principal
• tamaño real de las texturas
• resolución interna de render
• número de luces activas
• costo del postprocesado

No necesitas obsesionarte con cada frame, pero sí saber cuándo una decisión rompe el estilo. Por ejemplo, si una escena tiene demasiadas luces dinámicas, el resultado empieza a parecer contemporáneo aunque el modelado sea simple. Si una textura supera 512x512 sin una razón clara, probablemente estás trayendo detalle moderno a una estética que no lo pide.

Qué aprender de los 90 para aplicarlo hoy

La lección más útil de los gráficos de 1993 no es “hazlo feo”. Es que la limitación puede convertirse en una gramática visual muy precisa. Cuando el hardware obligaba a recortar, la industria aprendió a contar con siluetas, color y composición. Esa lógica sigue funcionando hoy, incluso si tu equipo puede renderizar mucho más.

También hay una ventaja práctica: cuando diseñas con límites claros, tomas mejores decisiones. No llenas la escena de ruido porque cada elemento tiene que justificar su costo visual. Eso ayuda tanto en juegos como en animación, prototipos interactivos o piezas promocionales con estética retro.

Si quieres un resultado serio, piensa así

• define primero la resolución objetivo
• fija una paleta o rango cromático
• limita texturas por escena
• decide cuántas luces vas a permitir
• deja que el aliasing y la simplicidad trabajen a favor del estilo

Si sigues ese orden, el resultado se ve intencional. Si empiezas por el filtro final, casi siempre terminas con una imagen que parece un tutorial rápido, no una recreación cuidada.

Tabla resumen

En resumen, hacer gráficos como en 1993 no consiste en copiar la nostalgia, sino en entender qué restricciones produjeron esa estética. Hoy tienes mejores herramientas, así que puedes elegir exactamente qué parte del pasado quieres recrear y qué parte quieres mejorar. Esa combinación es la que hace que el resultado se vea convincente, no solo “retro”.