networked-aframe/examples/js/move-in-circle.component.js

A web framework for building multi-user virtual reality experiences.

/* global AFRAME */
AFRAME.registerComponent('move-in-circle', {
  schema: {
    speed: {default: 0.05}
  },

  init: function() {
    this.angle = 0;
    this.center = this.el.getAttribute('position');
  },

  tick: function() {
    this.angle = this.angle + this.data.speed;

    var circlePoint = this.getPointOnCircle(1, this.angle);
    var worldPoint = {x: circlePoint.x + this.center.x, y: this.center.y, z: circlePoint.y + this.center.z};
    this.el.setAttribute('position', worldPoint);
    // console.log(worldPoint);
  },

  getPointOnCircle: function (radius, angleRad) {
    var x = Math.cos(angleRad) * radius;
    var y = Math.sin(angleRad) * radius;
    return {x: x, y: y};
  }
});