Grid TSL v2: lo que saqué y lo que mejoró
Una reescritura desde cero: menos variantes y presets, y una grilla que ya no hace moiré en ninguna de sus capas.
La versión 2 de Grid TSL es una reescritura desde cero. La versión 1 sigue disponible en el tag v1.0.0.
Lo que saqué:
- Las variantes triplanar y por UV. Ahora hay un único material para suelos,
GridMaterial, proyectado sobre el plano horizontal. - Los presets fijos y
fromPreset. En la versión 1 solo se podía cambiar de preset desde el panel; para tocar un valor había que editar el código. - lil-gui como dependencia (en la 2.1): el panel de debug ahora vive en el Inspector que trae three.js.
- Los nombres viejos de los parámetros:
cellSizeApasó a serprimarySpacing,lineWidthAaprimaryThickness,colorAaprimaryColor,bgColorabackgroundColor, y así con el resto.
Lo que mejoró:
- Sin moiré en las cruces. En la versión 1 las cruces no tenían filtrado por distancia; ahora todas las capas convergen a un tono parejo cuando sus detalles quedan más chicos que un píxel.
- Filtrado anisotrópico: cada eje se filtra por separado, así la grilla se ve limpia también en ángulos rasantes.
- Todos los parámetros se editan en vivo, y un panel en el Inspector de three.js copia la configuración como JS o JSON para pegarla en el código.
- Fundido circular opcional, para que el suelo se pierda en el entorno.
- Paquete reutilizable: se instala con npm y se importa como
grid-tsl, con el panel de debug y las funciones de TSL en módulos aparte. - Un shader más barato: las derivadas se calculan una sola vez, los valores derivados se precalculan en la CPU y el fundido solo se compila cuando está activado.