A software engineer recreates the Omnichord electronic instrument as an iPad app using React Native. The post covers the full build: choosing React Native over Swift, generating sounds with stacked oscillators (triangle and sine waves) plus a lowpass filter, modeling chord types and intervals in TypeScript, implementing ADSR envelopes for the strumplate, building ascending arpeggio logic, and handling multitouch and swipe gestures with react-native-gesture-handler. The source code is available on GitHub.

9m read timeFrom spin.atomicobject.com
Post cover image
Table of contents
What the heck is an Omnicord?Choosing the tech stackGenerating soundsModeling ChordsArpeggiationBuilding the UI with React NativeOmnichord App Demo

Sort: