moving backward only

motionstick
Fabien Benetou 2 years ago
parent 20181ae2c1
commit aae734a20c
  1. 51
      index.html

@ -2349,6 +2349,49 @@ function addGrid(){ // not actually correct but does the job
AFRAME.scenes[0].appendChild( plot ) AFRAME.scenes[0].appendChild( plot )
} }
function emptyPinchToMove(){ // functions call by event listener should be within this scope
// thus hopefully not conflicting with other listeners
const startRadius = .00001
const maxRadius = .1
const maxDist = .05
let controlSphere = document.createElement("a-sphere")
let r = startRadius
controlSphere.setAttribute("radius", r)
controlSphere.setAttribute("color", "blue")
controlSphere.setAttribute("position", "0 9999 0")
AFRAME.scenes[0].appendChild( controlSphere )
//targets.push(controlSphere) // keeping it out for specific control for now but should consider generalization
let el = document.querySelector('[pinchprimary]')
el.addEventListener('pinchended', function end(event) {
// add moving sphere then hide it far away, could also disable it
// could also no unregister but check for empty selectedElement
// el.removeEventListener('pinchended', end)
// el.removeEventListener('pinchstarted', pinched)
// el.removeEventListener('pinchmoved', moved)
r = startRadius
controlSphere.setAttribute("radius", r)
});
el.addEventListener('pinchmoved', moved );
function moved(event){
if (selectedElement) return
controlSphere.setAttribute("position", AFRAME.utils.coordinates.stringify( event.detail.position) )
if (r >= maxDist){
// start be movable after .05 diam
pushBackClass("hidableenvironment")
pushBackClass("keyboard")
// not sufficient but a start
// only moving forward rather than compared to previous moment
}
if (r < maxRadius) {
r += 0.01
controlSphere.setAttribute("radius", r)
}
}
el.addEventListener('pinchstarted', pinched );
function pinched( event){
}
}
</script> </script>
<div id="observablehq-key"> <div id="observablehq-key">
<div id="observablehq-viewof-offsetExample-ab4c1560"></div> <div id="observablehq-viewof-offsetExample-ab4c1560"></div>
@ -2394,13 +2437,7 @@ function addGrid(){ // not actually correct but does the job
<a-entity hide-on-enter-ar="" id="environmentsky" class="hidableenvironment" gltf-model="../content/SourceCityToolkit/SKY_Market_day.glb" scale="1 1 1" position="17 -10 -4" rotation="0 0 0"></a-entity> <a-entity hide-on-enter-ar="" id="environmentsky" class="hidableenvironment" gltf-model="../content/SourceCityToolkit/SKY_Market_day.glb" scale="1 1 1" position="17 -10 -4" rotation="0 0 0"></a-entity>
<a-troika-text anchor=left target value="instructions : \n--right pinch to move\n--left pinch to execute" position="0 1.65 -0.2" scale="0.1 0.1 0.1"></a-troika-text> <a-troika-text anchor=left target value="instructions : \n--right pinch to move\n--left pinch to execute" position="0 1.65 -0.2" scale="0.1 0.1 0.1"></a-troika-text>
<a-troika-text anchor=left target value="jxr addBlockCodeExample()" position="0 1.65 -0.1" scale="0.1 0.1 0.1"></a-troika-text> <a-troika-text anchor=left target value="jxr emptyPinchToMove()" position="0 1.65 -0.1" scale="0.1 0.1 0.1"></a-troika-text>
<a-troika-text anchor=left target value="jxr addAllPrimitives()" position="0 1.60 -0.1" scale="0.1 0.1 0.1"></a-troika-text>
<a-troika-text anchor=left target value="jxr addCompoundPrimitiveExample()" position="0 1.55 -0.1" scale="0.1 0.1 0.1"></a-troika-text>
<a-troika-text anchor=left target value="jxr rescalePlace(1/10, 1)" position="0 1.50 -0.1" scale="0.1 0.1 0.1"></a-troika-text>
<a-troika-text anchor=left target value="jxr rescalePlace()" position="0 1.45 -0.1" scale="0.1 0.1 0.1"></a-troika-text>
<a-troika-text anchor=left target value="jxr tile_snapping_enabled = !tile_snapping_enabled" position="0 1.40 -0.1" scale="0.1 0.1 0.1"></a-troika-text>
<a-troika-text anchor=left target value="jxr nextMovementToPoints()" position="0 1.35 -0.1" scale="0.1 0.1 0.1"></a-troika-text>
<a-troika-text anchor=left target id="getfromid_color" value="jxr changeColorLastId()" position="0 1.35 -0.1" scale="0.1 0.1 0.1"></a-troika-text> <a-troika-text anchor=left target id="getfromid_color" value="jxr changeColorLastId()" position="0 1.35 -0.1" scale="0.1 0.1 0.1"></a-troika-text>
<a-troika-text anchor=left target id="getfromid_id" value="jxr getIdFromPick()" position="0 1.30 -0.1" scale="0.1 0.1 0.1"></a-troika-text> <a-troika-text anchor=left target id="getfromid_id" value="jxr getIdFromPick()" position="0 1.30 -0.1" scale="0.1 0.1 0.1"></a-troika-text>

Loading…
Cancel
Save