Контроль позиции (захват) курсора мыши в html5?

Question

[rPman]

Приложения на flash или java, являясь особой областью на странице, позволяют полностью скрыть указатель мыши и удерживать фокус в своем окне даже если реальные ее координаты уходят за границы страницы или даже окна браузера. Подобное актуально для 3d-шутеров, когда мышью управляется направления взгляда.


Возможно ли подобное в чистом html5?


Я пока не нашел вообще никаких средств для этого, так же эту проблему не решили те, кто уже пробовал сделать на основе html5 canvas 3d-шутеры. Не смог сформулировать соответствующий запрос в bugtracker chromium и firefox, возможно подобную фичу уже запрашивали?

Answer 1

[ertaquo]

В чистом html5 без явы или флеша подобное афайк невозможно. Можно только скрыть курсор, установив ему полностью прозрачную иконку (см. доки).

Answer 2

[Марк]

Flash тоже не позволяет запереть мышь. Ссылка на похожий вопрос.

Answer 3

[Павло Пономаренко]

Попробуйте порыться в исходниках quake2-qwt, они как-то реализовали это. Если найдёте решение — сообщите!

Comments

[Марк]

Там реализован захват мыши? Сейчас посмотрю, спасибо.

[Марк]

Ничего они там не реализовали, только что проверил.

[Павло Пономаренко]

Я точно не знаю, но судя по видео там вполне себе управление мышкой.
Очень жаль, если я ошибся.

[Марк]

А, управление-то мышкой, только она из окна браузера убегает и управление превращается в тыкву T_T
Я оставлю пока бежать эту штуку, демонстрации для: http://184.73.218.7:8080/GwtQuake.html

Answer 4

[Олег]

Pointer Lock API

Для ленивых:
Демо
Код примера