https://github.com/rangle/vue-3d
3D visualization demo for Hack Western 5.
https://github.com/rangle/vue-3d
Last synced: about 2 months ago
JSON representation
3D visualization demo for Hack Western 5.
- Host: GitHub
- URL: https://github.com/rangle/vue-3d
- Owner: rangle
- Created: 2018-10-10T19:23:52.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2021-02-11T23:16:33.000Z (about 5 years ago)
- Last Synced: 2025-03-18T06:48:27.795Z (about 1 year ago)
- Language: Vue
- Size: 619 KB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://brew.sh/)
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](https://chocolatey.org/install)
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](https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene) and the [voice-change-o-matic](https://github.com/mdn/voice-change-o-matic) example given in [Visualizations with Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API)