Class Gyro

Introducing Gyro (gyroscope, on mobile) support for WebChucK. Gyro wraps JavaScript DeviceOrientationEvent listeners easing access to mobile device gyroscope in WebChucK code.

To get started with Gyro:

import { Chuck, Gyro } from "webchuck";

const theChuck = await Chuck.init([]);
const gyro = await Gyro.init(theChuck); // Initialize Gyro
Copy

The deviceorientation event gives motion of the device around the three axes (x, y, and z) represented in degrees from 0 to 360. More on the deviceorientation event can be found online here.

iOS devices require that the web developer ask permission from the user to access sensors after a button push. This looks like:

let runButton = document.getElementById("run");

runButton.addEventListener("click", async () => {
  // Request iOS gyroscope permission
  if (typeof DeviceOrientationEvent.requestPermission === 'function') {
    await DeviceOrientationEvent.requestPermission();
  }

  await theChuck.loadFile("./yourChuckCode.ck");
  theChuck.runFile("yourChuckCode.ck");
});
Copy