diff --git a/index.html b/index.html
index 4ff6651..2635372 100644
--- a/index.html
+++ b/index.html
@@ -2501,9 +2501,34 @@ function makeAnchorsVisibleOnTargets(){
// used for testing
AFRAME.registerComponent('startfunctions', {
init: function () {
+startExperience()
doublePinchToScale()
emptyPinchToMove()
makeAnchorsVisibleOnTargets()
+ addNewNote("hello world", "0 1 -.5")
+setTimeout( _ =>
+ applyToClass("notes", (el, val ) => {
+console.log(el.object3D.children[0])
+// consider https://threejs.org/docs/?q=.BoundingBoxHelper#api/en/math/Box3
+
+const box = new THREE.BoxHelper( el.object3D.children[0], 0xffff00 );
+bbox=el.object3D.children[0].geometry.boundingBox
+
+p = document.createElement("a-plane")
+p.setAttribute("rotation", "90 0 0")
+p.setAttribute("width", bbox.max.x-bbox.min.x)
+p.setAttribute("height", bbox.max.y-bbox.min.y)
+el.appendChild(p)
+
+return
+ const geometry = new THREE.PlaneGeometry( el.object3D.children[0].geometry.parameters.width*1.1,
+ el.object3D.children[0].geometry.parameters.height*1.1 );
+ const material = new THREE.MeshBasicMaterial( {color: 0xffffff, side: THREE.DoubleSide} );
+ const plane = new THREE.Mesh( geometry, material );
+ plane.position.z = -.1
+ el.object3D.add( plane );
+ }, "")
+)
}
})