> ## Documentation Index
> Fetch the complete documentation index at: https://matiasgql.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# Configuración
export const Compare = ({before, after, beforeLabel = "Antes", afterLabel = "Después", height = "420px"}) => {
const wrapRef = useRef(null);
const [pos, setPos] = useState(50);
const [width, setWidth] = useState(0);
useEffect(() => {
const el = wrapRef.current;
if (!el) return;
const update = () => setWidth(el.getBoundingClientRect().width);
update();
const ro = new ResizeObserver(update);
ro.observe(el);
return () => ro.disconnect();
}, []);
const move = clientX => {
const el = wrapRef.current;
if (!el) return;
const rect = el.getBoundingClientRect();
setPos(Math.max(0, Math.min(100, (clientX - rect.left) / rect.width * 100)));
};
const onDown = e => {
e.preventDefault();
move(e.clientX);
const mv = ev => move(ev.clientX);
const up = () => {
window.removeEventListener("pointermove", mv);
window.removeEventListener("pointerup", up);
};
window.addEventListener("pointermove", mv);
window.addEventListener("pointerup", up);
};
const lbl = {
position: "absolute",
bottom: 12,
background: "rgba(0,0,0,0.6)",
color: "#fff",
padding: "4px 8px",
fontSize: 12,
borderRadius: 4,
textTransform: "uppercase",
letterSpacing: "0.5px",
pointerEvents: "none",
zIndex: 2
};
return
{afterLabel}
↔
;
};
## Habilitado
Habilitar o deshabilitar el plugin por completo.
```text HBAO+ theme={null}
r.HBAOPlus.Enabled 1
```
```text GT-VBAO theme={null}
r.GTVBAO.Enabled 1
```
***
## Modo
Controla cómo se integra el plugin en la canalización de renderizado.
`0` — Paso de Post-Procesado, compuesto sobre SceneColor. `1` — Reemplaza el búfer ScreenSpaceAO durante el Pase Base Diferido. Este es el modo recomendado para la mayoría de proyectos.
```text HBAO+ theme={null}
r.HBAOPlus.Mode 1
```
```text GT-VBAO theme={null}
r.GTVBAO.Mode 1
```
***
## Radio
Controla el radio de AO en unidades del mundo. Valores más altos extienden la oclusión más lejos de las superficies.
```text HBAO+ theme={null}
r.HBAOPlus.Radius 100.0
```
```text GT-VBAO theme={null}
r.GTVBAO.Radius 100.0
```
***
## Sesgo (Bias)
Ajusta el umbral de auto-oclusión. Aumenta este valor si notas oscurecimiento no deseado en superficies planas.
```text HBAO+ theme={null}
r.HBAOPlus.Bias 0.1
```
```text GT-VBAO theme={null}
r.GTVBAO.Bias 0.1
```
***
## Intensidad
Controla la fuerza general del efecto de AO.
```text HBAO+ theme={null}
r.HBAOPlus.Intensity 1.5
```
```text GT-VBAO theme={null}
r.GTVBAO.Intensity 1
```
***
## Calidad
Establece la calidad de muestreo del AO. Acepta valores de `0` a `3`. Valores más altos producen resultados más limpios a costa de rendimiento.
```text HBAO+ theme={null}
r.HBAOPlus.Quality 2
```
```text GT-VBAO theme={null}
r.GTVBAO.Quality 2
```
***
## Nitidez del desenfoque (Blur Sharpness)
Controla la nitidez basada en profundidad del paso de desenfoque. Valores más altos preservan los bordes de forma más agresiva.
```text HBAO+ theme={null}
r.HBAOPlus.BlurSharpness 16.0
```
```text GT-VBAO theme={null}
r.GTVBAO.BlurSharpness 16.0
```
***
## Nitidez de normales (Normal Sharpness)
Controla la nitidez basada en normales del paso de desenfoque. Ayuda a preservar el detalle de oclusión a lo largo de las transiciones de superficie.
```text HBAO+ theme={null}
r.HBAOPlus.NormalSharpness 8.0
```
```text GT-VBAO theme={null}
r.GTVBAO.NormalSharpness 8.0
```
***
## Radio máximo en píxeles (Max Pixel Radius)
Limita el radio máximo en espacio de pantalla del AO para evitar artefactos de sobre-muestreo en superficies cercanas a la cámara.
```text HBAO+ theme={null}
r.HBAOPlus.MaxPixelRadius 100.0
```
```text GT-VBAO theme={null}
r.GTVBAO.MaxPixelRadius 100.0
```
***
## Resolución mitad (Half Resolution)
Ejecuta el AO a mitad de resolución para mejorar el rendimiento. Deshabilita para resultados más nítidos a costa de sobrecarga adicional de GPU.
`0` — Resolución completa `1` — Mitad de resolución
```text HBAO+ theme={null}
r.HBAOPlus.HalfRes 1
```
```text GT-VBAO theme={null}
r.GTVBAO.HalfRes 1
```
***
## Inicio del desvanecimiento por distancia (Distance Fade Start)
La distancia en unidades del mundo a la que el efecto de AO comienza a desvanecerse.
```text HBAO+ theme={null}
r.HBAOPlus.DistanceFadeStart 15000.0
```
```text GT-VBAO theme={null}
r.GTVBAO.DistanceFadeStart 15000.0
```
***
## Fin del desvanecimiento por distancia (Distance Fade End)
La distancia en unidades del mundo a la que el efecto de AO se desvanece completamente.
```text HBAO+ theme={null}
r.HBAOPlus.DistanceFadeEnd 30000.0
```
```text GT-VBAO theme={null}
r.GTVBAO.DistanceFadeEnd 50000.0
```
***
## Modo depuración (Debug Mode)
Visualiza el búfer AO sin procesar, útil para ajustar parámetros.
`0` — Desactivado `1` — Solo AO
```text HBAO+ theme={null}
r.HBAOPlus.DebugMode 0
```
```text GT-VBAO theme={null}
r.GTVBAO.DebugMode 0
```
***
## Acumulación Temporal (Temporal Accumulation)
Habilita la acumulación temporal y el jittering para obtener resultados más suaves a lo largo del tiempo. Solo está activo cuando TAA o TSR están habilitados.
```text HBAO+ theme={null}
r.HBAOPlus.TemporalAccumulation 1
```
```text GT-VBAO theme={null}
r.GTVBAO.TemporalAccumulation 1
```
***
## Mezcla Temporal (Temporal Blend)
Controla cuánta historia se acumula por cuadro. Valores más altos producen resultados más suaves pero pueden introducir efectos de estela en geometría en movimiento rápido.
```text HBAO+ theme={null}
r.HBAOPlus.TemporalBlend 0.95
```
```text GT-VBAO theme={null}
r.GTVBAO.TemporalBlend 0.95
```