Generador de Texturas de Ruido Gratis

El Generador de Ruido es una herramienta online gratuita que crea texturas de ruido procedural, incluidos los ruidos Perlin, Worley y fBm, para diseño y desarrollo de videojuegos.

Sí, es completamente gratis y no requiere registro. Toda la generación de ruido se realiza del lado del cliente, en tu navegador.

El Generador de Ruido admite ruido Perlin, ruido Worley (celular) y movimiento browniano fraccional (fBm) con parámetros personalizables.

Por supuesto. El Generador de Texturas de Ruido procesa todo del lado del cliente, en tu navegador. No se sube ni se almacena ningún dato en servidor alguno. Tu contenido permanece privado en tu dispositivo en todo momento.

Sí, el Generador de Texturas de Ruido es totalmente responsivo y funciona en smartphones y tablets. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna app.

No se necesita cuenta ni registro. Simplemente abre el Generador de Texturas de Ruido en tu navegador y empieza a usarlo de inmediato. No hay muros de registro ni restricciones de uso.

El Generador de Texturas de Ruido admite formatos de imagen comunes, incluidos PNG, JPG/JPEG, WebP y GIF. Algunas funciones también pueden admitir SVG y BMP según la herramienta específica.

Simplemente introduce tu entrada en el campo indicado, ajusta las opciones a tu gusto y la herramienta la procesará al instante. Luego puedes copiar el resultado al portapapeles o descargarlo.

El Generador de Texturas de Ruido funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

El ruido Perlin es un ruido de gradiente suave: interpola entre valores de gradiente aleatorios para producir patrones suaves y fluidos sin bordes duros, lo que lo hace ideal para nubes, agua, mapas de elevación de terreno y otras superficies orgánicas. El ruido Worley (también llamado celular o de Voronoi) funciona de otra manera: dispersa puntos característicos aleatorios por la imagen y sombrea cada píxel según su distancia al punto más cercano, generando regiones con forma de celda bien definidas. Esa estructura celular convierte a Worley en la opción natural para piedra, superficies agrietadas, escamas de reptil y cáusticas de agua, casos donde Perlin se vería demasiado uniforme. Simplex es una variante de Perlin más rápida y con menos artefactos direccionales, mientras que fBm apila octavas al estilo Perlin para lograr un detalle más rico. Puedes alternar entre los ocho tipos de ruido de este generador y compararlos lado a lado en la vista previa en vivo antes de exportar.

fBm, o movimiento browniano fraccional, construye el detalle apilando varias capas de ruido llamadas octavas. Cada octava sucesiva se muestrea a una frecuencia más alta y se suma con una amplitud menor, de modo que la primera octava define la forma general y las siguientes añaden detalle progresivamente más fino. El control de octavas define cuántas de estas capas se apilan, y la lacunaridad controla qué tan rápido aumenta la frecuencia entre ellas. La persistencia, un valor de 0 a 1, define cuánta amplitud conserva cada octava respecto a la anterior: una persistencia baja atenúa el detalle fino rápidamente para lograr un aspecto suave y difuminado, mientras que una persistencia alta mantiene fuertes los detalles pequeños para un resultado más rugoso y granulado. Juntos, estos parámetros mueven una textura entre nubes suaves y terreno escarpado. Ajusta los controles de octavas, persistencia y lacunaridad y observa cómo se actualiza la vista previa para calibrar exactamente el nivel de detalle que necesitas.

Una textura de ruido normal se genera como un cuadrado independiente, así que su borde izquierdo no coincide con el derecho ni su borde superior con el inferior. Cuando repites esa imagen en una pared, un piso o un fondo CSS, esos bordes que no coinciden se alinean y crean una línea dura, o costura, en cada repetición. La solución es generar el ruido para que encaje: el algoritmo muestrea coordenadas que se cierran sobre sí mismas en los bordes, haciendo que los bordes opuestos sean idénticos para que las copias se repitan sin costuras en cualquier dirección. Este generador incluye una opción de teselado sin costuras que hace exactamente eso. Actívala antes de exportar cualquier textura que planees repetir, y luego prueba el resultado configurándolo como fondo teselado. Para imágenes puntuales que nunca se van a repetir, puedes dejar el teselado desactivado. Activa el teselado sin costuras arriba siempre que tu textura necesite encajar borde a borde.

Ambos describen la forma de la superficie en lugar del color, pero la codifican de manera distinta. Un mapa de altura es una imagen en escala de grises donde el brillo representa la elevación: el blanco es alto, el negro es bajo, así que se lee como un relieve topográfico de la superficie. Un mapa de normales es una imagen de tono azulado en la que los canales rojo, verde y azul codifican la dirección hacia la que apunta cada punto de la superficie en 3D. Los motores de videojuegos y 3D leen los mapas de normales para simular iluminación y relieves detallados sobre geometría plana sin añadir polígonos adicionales, lo que mantiene las escenas ágiles. Los mapas de altura se usan habitualmente para desplazamiento, terreno y como fuente para derivar un mapa de normales. Esta herramienta puede generar un mapa de normales o un mapa de altura a partir del mismo campo de ruido, además de una imagen a color estándar. Elige el tipo de mapa que corresponda a la ranura de material de tu motor antes de exportar tu textura.

El ruido se calcula píxel por píxel mediante JavaScript que corre en tu propio dispositivo, sin que ningún servidor haga el trabajo. Una imagen de 4096 x 4096 contiene más de dieciséis millones de píxeles, aproximadamente dieciséis veces más que una textura de 1024 px, y cada uno de esos píxeles se evalúa a través de la función de ruido. Los tipos fractales como fBm y turbulence multiplican aún más ese costo, porque cada píxel se muestrea una vez por cada octava que hayas apilado. Por eso una imagen grande con muchas octavas puede tardar notablemente más en renderizarse que una vista previa pequeña. El enfoque práctico es ajustar tu configuración a un tamaño de vista previa reducido, donde el canvas se actualiza casi al instante, y aumentar las dimensiones de salida solo para la exportación final. Este generador admite tamaños desde 16 px hasta 4096 px cuadrados con ajustes predefinidos de un clic, así que mantenlo pequeño mientras experimentas y auméntalo al final.