Как получить объект в веб-пространстве WebGL 3D из координаты щелчка мыши

Я строю BoardGame в WebGL. Доска может быть повернута / увеличено. Мне нужен способ перевести щелчок на элементе Canvas (x, y) в соответствующую точку в 3D-пространстве (x, y, z). Окончательный результат заключается в том, что я хочу знать координату (x, y, z), которая содержит точку, которая касается объекта, ближайшего к пользователю. Например, пользователь нажимает на кусок, и вы представляете луч, путешествуя через 3D-пространство, которое проходит как кусочек, так и игровую доску, но я хочу, чтобы координу (X, Y, Z) в точке, где это было коснулся.

Я чувствую, что это должно быть очень распространенной проблемой, но я не могу найти решение в моих Гугулах. Должен быть какой-то способ проецировать текущий вид трехмерного пространства на 2D, чтобы вы могли сопоставить каждую точку в 2D-пространстве в соответствующую точку в 3D-пространстве. Я хочу, чтобы пользователь мог навестить мышь на пространство на доске и иметь цвет смена.