February 28, 2025

Spending some time learning about accelerometer / gyroscope data (again) to try to figure out how to animate the data. I learned some of this years ago but have completely forgotten. Some notes about the six degrees of freedom (6DoF):

• Accelerometer data measures movement on a flat plane:
  • Linear (moving forward and backwards)
  • Horizontal straightness (moving from side to side)
  • Vertical straightness (moving up and down)
• Gyroscope data measures rotation:
  • Pitch - up/down rotation. Think of how a bike’s angle changes as it goes up and down hills
  • Yaw - Flat Side / side rotation. Think of how the bike’s angle changes as it goes around a curve
  • Roll - A leaning rotation. Think of how a bikes angle changes if the rider leans from side to side

Starting with creating the app for animating:

• Use npx create-react-app to create the app
• Followed tutorial for getting started with React 3 Fiber, which is built on top of Threejs
• Figured out how to parse the CSV file and convert it to location and positioning of a 3d shape! Very rudimentary.
• Figured out how to deploy a React App to Vercel!