.Spectrum

dot spectrum is a pixel-art-like spectrum analyzer. w/ Web Audio API.

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

TODO

• ドット化サイズを 1/n と、ピクセルサイズの両方で指定可能にする
• style
  • audio
  • file Input

📚 Tech Stack

• Canvas API
• Web Audio API
• PWA

❤️ Acknowledgments

マルモニカ - 患者長ひっく (https://twitter.com/hicchicc) 様

https://00ff.booth.pm/items/4927023