Components

The following properties can be used in any component.

API Examples

// 1. In Editor, "File" - "Open with Visual Studio Code" to open VS Code
// 2. Create a js file
// 3. Copy and Paste the code to the js file, save the js file.
// 4. Back to Editor, Add a button to a page
// 5. Assigh "test_origin" to the button.
// 6. Play.

registerAction("test_origin", "", "test_origin", "");
function test_origin() {
  // get properties
  var x = getProperty(self, "x");
  var y = getProperty(self, "y");
  var w = getProperty(self, "width");
  var h = getProperty(self, "height");
  print("before x", x);
  print("before y", y);

  if (typeof firstTime == "undefined") {
    firstTime = true;
  } else {
    firstTime = false;
  }

  // only set one time
  if (firstTime) {
    // set the origin
    var factor = 0.5;
    setProperty(self, "origin_x", factor); // range (0 - 1) 1 means the width of the component
    setProperty(self, "origin_y", factor); // range (0 - 1) 1 means the height of the component
    print("origin  x", getProperty(self, "origin_x")); // return value is in pixels
    print("origin  y", getProperty(self, "origin_y")); // return value is in pixels

    // get origin in decimal
    var origin_x = getProperty(self, "origin_x") / w;
    var origin_y = getProperty(self, "origin_y") / h;

    // set back the position of the component
    setProperty(self, "x", x + origin_x * w);
    setProperty(self, "y", y + origin_y * h);
    print("after  x", getProperty(self, "x"));
    print("after  y", getProperty(self, "y"));
  }

  // animation
  setPropertyIn(self, "angle", 36000, 1000);
  setPropertyIn(self, "angle", 0, 1010);
}

Properties

Events

These can be used with bindEvent or raiseEvent.