TBDFest Project Obelisk

[a-axton]

Project Obelisk is an interactive LED art installation that we (Rocket Dept.) brought to TBDfest this year. The LED animation logic is all powered by Javascript (react, threejs, web audio api). This talk is going to be a combination of outlining the problems I faced trying to write code for a physical project that didn't exist yet (the problem), showcasing live example (the solution), and finally a primer on the technology used in my solution.

I'll probably won't be using react for the examples since that isn't really relevant to everyone. However, I'll have a link to a git repo with all of the Obelisk code for those interested. I'll also have a repo up for the example code I'm using.

Topics

• Intro to Project Obelisk w/ photos
• Outline the problem and why I decided on outcome
• Live demo time
• Quick run-through of the code being used and how it works
• 15 min intro to three.js
  • what is it?
  • building a basic scene
  • adding basic shapes
• 15 min intro to web audio api (based around the audio analyzer)
  • what is it?
  • data types (waveform, levels, bpm?)
  • code examples + explanation
• Putting them together to make magic