Окружающая окклюзия в три раза

Я только что закончил перенос своей первой симуляции одежды с opengl на webgl с использованием three.js(можно увидеть здесь).

Дело в том, что это выглядит немного скучно, и я хочу добавить (как я надеюсь, я правильно помню из моих уроков компьютерной графики) эмбиентную окклюзию, чтобы сделать ткань красиво затененной при столкновении с мячом. Мои знания о шейдерах сейчас находятся на очень низком уровне, поэтому я был бы очень благодарен за любые ресурсы по этой теме, полезные при разработке three.js (учебные пособия, названия книг и т. Д.), Потому что googles ничего об этом не знает.

Может быть, некоторые советы, как применить окклюзию окружающей среды?

Таким образом, затенение исправлено благодаря WestLangley! Теперь вернемся к другим вопросам: какие-нибудь полезные ресурсы по шейдерам для trijs или просто hlsl в целом?