Ramon
July 11, 2022, 3:34pm
1
Hi all,
I have built ui components with hover events. These are using mouse event listeners. Mainly click, mouseenter and mouseleave.
Obviously everything is working when I test it on desktop using my mouse. But when I test it on my Quest 2 the events don’t trigger. Makes sense, I guess.
What I am looking for are the equivalent event listeners of mouseenter and mouseleave for VR controllers.
I could not find them online and am wondering if they exist.
Could anybody point me in the right direction?
Having a quick look at the engine codebase, it looks like there are events called: selectenter and selectleave. I’ve not tried it myself though
inputSource._elementEntity = element || null;
if (element) {
this._selectedElements[inputSource.id] = element;
hoveredNow = element;
} else {
delete this._selectedElements[inputSource.id];
}
if (hoveredBefore !== hoveredNow) {
if (hoveredBefore) this._fireEvent('selectleave', new ElementSelectEvent(event, hoveredBefore, camera, inputSource));
if (hoveredNow) this._fireEvent('selectenter', new ElementSelectEvent(event, hoveredNow, camera, inputSource));
}
if (eventType === 'selectstart') {
this._selectedPressedElements[inputSource.id] = hoveredNow;
if (hoveredNow) this._fireEvent('selectstart', new ElementSelectEvent(event, hoveredNow, camera, inputSource));
}
const pressed = this._selectedPressedElements[inputSource.id];
1 Like
farzan
December 21, 2022, 9:31am
4
@yaustar , I am unable to access the link you shared which directs to the engine codebase. Kindly share that again. Thanks!
yaustar
December 21, 2022, 10:36am
5
The events are still the sameselectleave and selectenter
Not sure why they aren’t in the API though
_onSelectStart(inputSource, event) {
if (!this._enabled) return;
this._onElementSelectEvent('selectstart', inputSource, event);
}
_onSelectEnd(inputSource, event) {
if (!this._enabled) return;
this._onElementSelectEvent('selectend', inputSource, event);
}
_onElementSelectEvent(eventType, inputSource, event) {
let element;
const hoveredBefore = this._selectedElements[inputSource.id];
let hoveredNow;
const cameras = this.app.systems.camera.cameras;
let camera;
if (inputSource.elementInput) {
rayC.set(inputSource.getOrigin(), inputSource.getDirection());
1 Like
