utopiah
/
text-code-xr-engine
1
0
Fork 0
Code Issues 81 Pull Requests Projects Releases Wiki Activity

directly manipulable meshes

Browse Source
meshing
Fabien Benetou 2 years ago
parent f6fb9ae4d1
commit 1b2fa784e3
1 changed files with 13 additions and 7 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 20
      index.html

20
index.html
Unescape View File

@ -2500,6 +2500,8 @@ function makeAnchorsVisibleOnTargets(){
function startMesher(){ function startMesher(){
let meshPoints = [] let meshPoints = []
let meshTriangles = []
let offset
let meshEl = document.createElement("a-entity") let meshEl = document.createElement("a-entity")
meshEl.className += "meshed" meshEl.className += "meshed"
AFRAME.scenes[0].appendChild( meshEl ) AFRAME.scenes[0].appendChild( meshEl )
@ -2507,6 +2509,8 @@ function startMesher(){
let elSecondary = document.querySelector('[pinchsecondary]') let elSecondary = document.querySelector('[pinchsecondary]')
elSecondary.addEventListener('pinchended', endedSecondary ); elSecondary.addEventListener('pinchended', endedSecondary );
function endedSecondary(){ function endedSecondary(){
targets.push(meshEl)
//makeAnchorsVisibleOnTargets() // too large here
applyToClass("meshvertex", (e, val ) => e.setAttribute("visible", val), "false") applyToClass("meshvertex", (e, val ) => e.setAttribute("visible", val), "false")
el.removeEventListener('pinchended', end) el.removeEventListener('pinchended', end)
elSecondary.removeEventListener('pinchended', endedSecondary ); elSecondary.removeEventListener('pinchended', endedSecondary );
@ -2517,7 +2521,12 @@ function startMesher(){
function end(event) { function end(event) {
if (selectedElement) return if (selectedElement) return
let currentPos = AFRAME.utils.coordinates.stringify( event.detail.position) let pos = event.detail.position.clone()
if (meshPoints.length==0){
meshOffset = event.detail.position.clone()
meshEl.getAttribute("position").add(meshOffset)
}
let currentPos = AFRAME.utils.coordinates.stringify( pos.sub(meshOffset) )
let controlSphere = document.createElement("a-sphere") let controlSphere = document.createElement("a-sphere")
controlSphere.className += "meshvertex" controlSphere.className += "meshvertex"
controlSphere.setAttribute("radius", 0.01) controlSphere.setAttribute("radius", 0.01)
@ -2537,7 +2546,7 @@ function startMesher(){
meshEl.removeAttribute("line") meshEl.removeAttribute("line")
let ranked = meshPoints let ranked = meshPoints
.slice(0,-1) .slice(0,-1)
.map( t => { return { el: t, dist : event.detail.position.distanceTo(t.getAttribute("position") ) } }) .map( t => { return { el: t, dist : pos.distanceTo(t.getAttribute("position") ) } })
.sort( (a,b) => a.dist - b.dist) .sort( (a,b) => a.dist - b.dist)
let triangle = document.createElement("a-triangle") let triangle = document.createElement("a-triangle")
triangle.setAttribute("vertex-a", currentPos) triangle.setAttribute("vertex-a", currentPos)
@ -2547,6 +2556,7 @@ function startMesher(){
AFRAME.utils.coordinates.stringify( ranked[1].el.getAttribute("position") )) AFRAME.utils.coordinates.stringify( ranked[1].el.getAttribute("position") ))
triangle.setAttribute("material", "side:double") triangle.setAttribute("material", "side:double")
meshEl.appendChild( triangle ) meshEl.appendChild( triangle )
meshTriangles.push( triangle )
} }
} }
} }
@ -2611,12 +2621,8 @@ AFRAME.registerComponent('startfunctions', {
<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 emptyPinchToMove()" position="0 1.65 -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="locationreload" value="jxr location.reload()" position="0 1.20 -0.1" scale="0.1 0.1 0.1"></a-troika-text> <a-troika-text anchor=left target id="locationreload" value="jxr location.reload()" position="0 1.20 -0.1" scale="0.1 0.1 0.1"></a-troika-text>
<a-troika-text anchor=left target id="getfromclass_color" value="jxr changeColorLastClass()" position="0 1.15 -0.1" scale="0.1 0.1 0.1"></a-troika-text> <a-troika-text anchor=left target id="makeAnchorsVisibleOnTargets" value="jxr makeAnchorsVisibleOnTargets()" position="0 1.05 -0.1" scale="0.1 0.1 0.1"></a-troika-text>
<a-troika-text anchor=left target id="getfromclass_id" value="jxr getClassFromPick()" position="0 1.10 -0.1" scale="0.1 0.1 0.1"></a-troika-text>
<a-troika-text anchor=left target id="changeColorNextPinch" value="jxr changeColorNextPinch()" position="0 1.05 -0.1" scale="0.1 0.1 0.1"></a-troika-text>
<a-troika-text anchor=left target id="startmesher" value="jxr startMesher()" position="0 1.00 -0.1" scale="0.1 0.1 0.1"></a-troika-text> <a-troika-text anchor=left target id="startmesher" value="jxr startMesher()" position="0 1.00 -0.1" scale="0.1 0.1 0.1"></a-troika-text>
<a-troika-text anchor=left target value="jxr pushLeftClass('meshed')" position=" -0.2 1.55 0.1" rotation="0 90 0" scale="0.1 0.1 0.1"></a-troika-text> <a-troika-text anchor=left target value="jxr pushLeftClass('meshed')" position=" -0.2 1.55 0.1" rotation="0 90 0" scale="0.1 0.1 0.1"></a-troika-text>

Write Preview
Loading…
Cancel
Save