coderofsalvation
/
xrfragment
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore/better-handcontrol: work in progress [might break]

This commit is contained in:
Leon van Kammen 2024-06-07 09:31:17 +00:00
parent ec91f4fa70
commit 6fab4bad5c
3 changed files with 25 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
src/3rd/js/aframe/pressable.js
View File

@ -1,55 +0,0 @@
//// this makes WebXR hand controls able to click things (by touching it)
AFRAME.registerComponent('pressable', {
init: function(){
let handEls = [...document.querySelectorAll('[hand-tracking-controls]')]
for( let i in handEls ){
let handEl = handEls[i]
handEl.addEventListener('model-loaded', () => {
if( handEl.pressable ) return
// wait for bones get initialized
setTimeout( () => {
let bones = handEl.components['hand-tracking-controls'].bones
let indexFinger
for( let i = 0; i < bones.length; i++){
if( bones[i].name == "index-finger-tip" ){
indexFinger = i
break
}
}
// add obb-collider to index finger-tip
let aentity = document.createElement('a-entity')
trackedObject3DVariable = `parentNode.components.hand-tracking-controls.bones.${indexFinger}`;
console.log(trackedObject3DVariable)
handEl.appendChild(aentity)
aentity.setAttribute('obb-collider', {trackedObject3D: trackedObject3DVariable, size: 0.015});
},500)
})
}
},
events:{
obbcollisionstarted: function(e){
if( !e.detail.trackedObject3D ) return
if( e.currentTarget && e.currentTarget.emit ){
//e.currentTarget.emit('click',
}
console.dir(e)
},
"xrf-get": function(){
//this.el.setAttribute('obb-collider',{trackedObject3D: 'el.object3D.child' }) // set collider on xrf-get object
let aentity = document.createElement('a-entity')
trackedObject3DVariable = this.el.object3D.child ? `parentNode.object3D.child` : `parentNode.object3D`
console.log(trackedObject3DVariable)
this.el.appendChild(aentity)
aentity.setAttribute('obb-collider', {trackedObject3D: trackedObject3DVariable});
}
}
})

2
src/3rd/js/aframe/xrf-button.js
View File

@ -40,7 +40,7 @@ window.AFRAME.registerComponent('xrf-button', {
transparent:true,
opacity:0.3
});
el.setAttribute('pressable', '');
el.setAttribute('xrf-pressable', '');
labelEl.setAttribute('position', '0 0 0.01');
labelEl.setAttribute('text', {
value: this.data.label,

37
src/3rd/js/aframe/xrf-pressable.js
View File

@ -14,6 +14,11 @@ AFRAME.registerComponent('xrf-pressable', {
if( !e.detail.trackedObject3D ) return
console.dir(e)
},
indexFingerReady: function(){
if( this.system.indexFinger.length == 2){
console.dir(this.system.indexFinger)
}
}
}
})
@ -28,34 +33,40 @@ AFRAME.registerSystem('xrf-pressable',{
let handEls = [...document.querySelectorAll('[hand-tracking-controls]')]
this.indexFinger = []
const me = this
const addColliderToFingerTip = function(handEl,indexFinger){
// add obb-collider to index finger-tip
let aentity = document.createElement('a-entity')
trackedObject3DVariable = `parentNode.components.hand-tracking-controls.bones.${indexFinger}`;
handEl.appendChild(aentity)
aentity.setAttribute('obb-collider', {trackedObject3D: trackedObject3DVariable, size: 0.015});
return this
}
for( let i in handEls ){
let handEl = handEls[i]
handEl.addEventListener('model-loaded', () => {
handEl.addEventListener('model-loaded', function(e){
const handEl = this
// wait for bones get initialized
setTimeout( () => {
let bones = handEl.components['hand-tracking-controls'].bones
let indexFinger
for( let j = 0; j < bones.length; i++){
for( let j = 0; j < bones.length; j++){
if( bones[j].name == "index-finger-tip" ){
indexFinger = j
console.log("ja")
this.indexFinger.push(bones[j])
console.dir(this.indexFinger)
me.indexFinger.push(bones[j])
addColliderToFingerTip(handEl,indexFinger)
const els = [...document.querySelectorAll('[xrf-pressable]')]
els.map( (el) => el.emit('indexFingerReady',{}) )
break
}
}
// add obb-collider to index finger-tip
let aentity = document.createElement('a-entity')
trackedObject3DVariable = `parentNode.components.hand-tracking-controls.bones.${indexFinger}`;
handEl.appendChild(aentity)
aentity.setAttribute('obb-collider', {trackedObject3D: trackedObject3DVariable, size: 0.015});
console.dir(this.indexFinger)
},500)
})
}
},
}
})