Как выделить область указателя мыши в three.js

Question

У меня есть модель .fbx, созданная с использованием ThreeJS. Я хотел бы отобразить круг в верхней части модели в соответствии с положением указателя мыши. Мне трудно найти пример. Это сделано с шейдерами? Как?

Answer 1

Да, чтобы получить реальную трехмерную точку (в пространстве модели) из 2D (проецируемой) точки экрана, вам нужно использовать лучевое вещание. Официальные примеры являются лучшими, я думаю.

интерактивные точки webgl

точки интерактивного радиовещания .

Но я рекомендуюиспользуйте радиопередачу на графическом процессоре - это намного быстрее, у вас будет намного лучший FPS при перемещении мыши (хотя есть небольшие ошибки): GPUPicker .

Чтобы нарисовать эффект освещения, вам нужношейдер (и шейдерный материал для вашего объекта, помещенный в управляемое указателем местоположение). Смотрите пример здесь .