whereishereNOTES

Where is Here?
NOTES


worldPos.copy( worldPos ).add( new THREE.Vector3(0, 0, -2) );



intPosition = worldPos
worldPos.copy( worldPos ).add( new THREE.Vector3(0, 0, -2) );



<script>
      function randomPointOnCircle(radius, angleRad) {
        x = Math.cos(angleRad)*radius;
        y = Math.sin(angleRad)*radius;
        return {x: x, y: y};
      }

      // Define custom schema for syncing avatar color, set by random-color
      var avatarSchema = {
        template: '#avatar-template',
        components: [
          'position',
          'rotation',
          {
            selector: '.head',
            component: 'material'
          }
        ]
      };
      NAF.schemas.add(avatarSchema);

      // Called by Networked-Aframe when connected to server
      function onConnect () {
        // Get random angle
        var angleRad = Math.random()*Math.PI*2;

        // Get position around a circle
        var position = randomPointOnCircle(3, angleRad);
        var positionStr = position.x + ' 1.3 ' + position.y;

        // Get rotation towards center of circle
        var angleDeg = angleRad * 180 / Math.PI;
        var angleToCenter = -1 * angleDeg + 90;
        var rotationStr = '0 ' + angleToCenter + ' 0';

        // Create avatar with this position and rotation
        NAF.entities.createAvatar('#avatar-template', positionStr, rotationStr);
      }
    </script>



    network-scene="
   app: whereishere;
   room: where;
   audio: false;
   debug: true;
   signallingUrl: http://haydenlee.io;
   ">



   var spawnOffset = -103 2 26.67
   var positionStr2 =   var positionStr.x





   <!-- Clickring Offset -->

   var x = evt.detail.intersection.point.x + -5;
   var y = evt.detail.intersection.point.y;
   var z = evt.detail.intersection.point.z;

   clickRing.setAttribute('position', `${x} ${y} ${z}`);