Acabo de terminar de portar mi primera simulación de tela de opengl a webgl usando three.js(se puede ver aquí).

La cosa es que se ve un poco aburrida, y quiero agregar (como espero que recuerde correctamente de mis clases de gráficos por computadora) la oclusión ambiental, para que la tela quede bien sombreada en caso de colisión con la bola. Mi conocimiento sobre los sombreadores está ahora en un nivel muy bajo, por lo que estaría muy agradecido por los recursos sobre este tema que me ayudaron con el desarrollo de three.js (tutoriales, títulos de libros, etc.) porque Googles no sabe nada al respecto.

Tal vez algunos consejos sobre cómo aplicar la oclusión ambiental?

¡Así que el sombreado se arregla gracias a WestLangley! Ahora volvamos a las otras preguntas: ¿algún recurso útil sobre sombreadores para threejs, o simplemente hlsl en general?