Readibility background #76

New Issue

utopiah · 2023-01-04T15:16:15Z

utopiah commented

2023-01-04 15:16:15 +00:00

Consider worked done on https://twitter.com/utopiah/status/1533690234424139779 and https://github.com/AdaRoseCannon/aframe-htmlmesh/issues/4

utopiah added the enhancement label 2023-01-09 07:08:57 +00:00

utopiah commented

2023-03-30 17:17:26 +00:00

See existing addBoundingBoxToTextElement() and

Array.from( document.querySelectorAll("a-troika-text") )
  .filter( e => e.getAttribute("value").length>1)
  .map( el => {
  

bbox = el.object3D.children[0].geometry.boundingBox
  
g = new THREE.BoxGeometry(  bbox.max.x-bbox.min.x, bbox.max.y-bbox.min.y, .1  );
m = new THREE.MeshBasicMaterial( {color: 0x00ff00} );
c = new THREE.Mesh( g, m );
el.object3D.add( c );  

el.object3D.children[1].position.z=-.1
el.object3D.children[1].position.x= (bbox.max.x-bbox.min.y ) / 2

})

but based on bbox probably have to axis aligned.

See existing `addBoundingBoxToTextElement()` and ```javascript Array.from( document.querySelectorAll("a-troika-text") ) .filter( e => e.getAttribute("value").length>1) .map( el => { bbox = el.object3D.children[0].geometry.boundingBox g = new THREE.BoxGeometry( bbox.max.x-bbox.min.x, bbox.max.y-bbox.min.y, .1 ); m = new THREE.MeshBasicMaterial( {color: 0x00ff00} ); c = new THREE.Mesh( g, m ); el.object3D.add( c ); el.object3D.children[1].position.z=-.1 el.object3D.children[1].position.x= (bbox.max.x-bbox.min.y ) / 2 }) ``` but based on bbox probably have to axis aligned.

utopiah commented

2023-03-30 17:53:33 +00:00

Consider instead document.getElementById("startmesher").object3D.children[0]._textRenderInfo.blockBounds in order to not be axis aligned constrained.

Consider instead ` document.getElementById("startmesher").object3D.children[0]._textRenderInfo.blockBounds` in order to not be axis aligned constrained.

utopiah commented

2023-03-30 18:23:45 +00:00

Semi transparent black background solely for the code "editor" to be


Array.from( document.querySelectorAll("a-troika-text") )
  .filter( e => e.getAttribute("value").length>1000)
  .map( el => {
b = el.object3D.children[0]._textRenderInfo.blockBounds
w = b[2]-b[0]
h = b[3]-b[1]

g = new THREE.BoxGeometry( w, h, .01  );
m = new THREE.MeshBasicMaterial( {color: 0, opacity: 0.9, transparent: true} );
c = new THREE.Mesh( g, m );
el.object3D.add( c );  

c.position.z=-.01
c.position.x= w/2


})

Semi transparent black background solely for the code "editor" to be ```javascript Array.from( document.querySelectorAll("a-troika-text") ) .filter( e => e.getAttribute("value").length>1000) .map( el => { b = el.object3D.children[0]._textRenderInfo.blockBounds w = b[2]-b[0] h = b[3]-b[1] g = new THREE.BoxGeometry( w, h, .01 ); m = new THREE.MeshBasicMaterial( {color: 0, opacity: 0.9, transparent: true} ); c = new THREE.Mesh( g, m ); el.object3D.add( c ); c.position.z=-.01 c.position.x= w/2 }) ```

utopiah commented

2023-03-30 18:28:00 +00:00

See also https://twitter.com/utopiah/status/1641507347150323713 on stringWithPositionFromCoordinates(pos)

See also https://twitter.com/utopiah/status/1641507347150323713 on `stringWithPositionFromCoordinates(pos)`

utopiah commented

2023-04-02 17:43:15 +00:00

Fixed by addBackdropToTroikaElement() in https://git.benetou.fr/utopiah/text-code-xr-engine/src/branch/code-editor

Fixed by `addBackdropToTroikaElement()` in https://git.benetou.fr/utopiah/text-code-xr-engine/src/branch/code-editor

utopiah closed this issue

2023-04-02 17:43:24 +00:00

Sign in to join this conversation.