3d-vue

Visualization demo using Vue & Three.js. Changes the color of a cube based on audio from the microphone.

Set-up

MacOS

1. Install homebrew
2. Use homebrew to install yarn by typing in the terminal brew install yarn
3. In the terminal, navigate inside the 3d-vue folder and run yarn install

Windows

1. Install chocolatey
2. Use chocolatey to install yarn, by typing in the terminal choco install yarn
3. In the terminal, navigate inside the 3d-vue folder and run yarn install

Running the app

In the 3d-vue folder, run yarn serve. In the browser, navigate to localhost:8081, or whatever port the terminal says the app is running on.

To exit, use, Ctrl + C in the terminal.

Acknowledgements

Used three.js intro tutorial and the voice-change-o-matic example given in Visualizations with Web Audio API