├── .env.example ├── .github └── workflows │ ├── pr_staging_deploy.yml │ ├── pr_staging_teardown.yml │ └── publish.yml ├── .gitignore ├── README.md ├── api ├── .dockerignore ├── .eslintrc.js ├── .gitignore ├── Dockerfile ├── README.md ├── fly.toml ├── package-lock.json ├── package.json ├── src │ ├── app.ts │ └── soundcloud.ts └── tsconfig.json ├── app ├── .eslintrc.cjs ├── .gitignore ├── .prettierrc.mjs ├── LICENSE ├── README.md ├── components.json ├── index.html ├── package.json ├── pnpm-lock.yaml ├── postcss.config.js ├── public │ ├── favicon.ico │ ├── logo180.png │ ├── manifest.json │ └── robots.txt ├── src │ ├── App.tsx │ ├── components │ │ ├── analyzers │ │ │ ├── audioAnalyzer.tsx │ │ │ ├── fftAnalyzerControls.tsx │ │ │ └── scopeAnalyzerControls.tsx │ │ ├── audio │ │ │ ├── audioSource.tsx │ │ │ └── sourceControls │ │ │ │ ├── common.ts │ │ │ │ ├── file.tsx │ │ │ │ ├── mic.tsx │ │ │ │ ├── overlay.css │ │ │ │ └── screenshare.tsx │ │ ├── canvas │ │ │ ├── AudioScope.tsx │ │ │ ├── AutoOrbitCamera.tsx │ │ │ ├── Visual3D.tsx │ │ │ ├── common.tsx │ │ │ └── paletteTracker.tsx │ │ ├── controls │ │ │ ├── audioSource │ │ │ │ ├── fileUpload.tsx │ │ │ │ └── soundcloud │ │ │ │ │ ├── controls.tsx │ │ │ │ │ ├── player.tsx │ │ │ │ │ ├── track.tsx │ │ │ │ │ └── user.tsx │ │ │ ├── common.tsx │ │ │ ├── dock.tsx │ │ │ ├── main.tsx │ │ │ ├── mobile-drawer.tsx │ │ │ ├── mode │ │ │ │ ├── audio.tsx │ │ │ │ ├── audioScope.tsx │ │ │ │ └── common.tsx │ │ │ ├── modeSheet.tsx │ │ │ ├── searchFilterInput.tsx │ │ │ └── visualSettingsSheet.tsx │ │ ├── ui │ │ │ ├── button.tsx │ │ │ ├── input.tsx │ │ │ ├── label.tsx │ │ │ ├── popover.tsx │ │ │ ├── scroll-area.tsx │ │ │ ├── select.tsx │ │ │ ├── separator.tsx │ │ │ ├── sheet.tsx │ │ │ ├── slider.tsx │ │ │ ├── switch.tsx │ │ │ └── tabs.tsx │ │ └── visualizers │ │ │ ├── audioScope │ │ │ ├── base.tsx │ │ │ ├── index.tsx │ │ │ ├── reactive.tsx │ │ │ └── shaders │ │ │ │ ├── fragment.ts │ │ │ │ └── vertex.ts │ │ │ ├── cube │ │ │ ├── base.tsx │ │ │ ├── controls.tsx │ │ │ ├── index.tsx │ │ │ └── reactive.tsx │ │ │ ├── diffusedRing │ │ │ ├── base.tsx │ │ │ ├── controls.tsx │ │ │ ├── index.tsx │ │ │ └── reactive.tsx │ │ │ ├── dna │ │ │ ├── base.tsx │ │ │ ├── index.tsx │ │ │ └── reactive.tsx │ │ │ ├── grid │ │ │ ├── base.tsx │ │ │ ├── controls.tsx │ │ │ ├── index.tsx │ │ │ └── reactive.tsx │ │ │ ├── ground.tsx │ │ │ ├── models.ts │ │ │ ├── movingBoxes │ │ │ ├── base.tsx │ │ │ ├── index.tsx │ │ │ └── reactive.tsx │ │ │ ├── registry.tsx │ │ │ ├── ribbons │ │ │ ├── base.tsx │ │ │ ├── index.tsx │ │ │ └── reactive.tsx │ │ │ ├── sphere │ │ │ ├── base.tsx │ │ │ ├── controls.tsx │ │ │ ├── index.tsx │ │ │ └── reactive.tsx │ │ │ ├── stencil │ │ │ ├── base.tsx │ │ │ ├── config.tsx │ │ │ ├── polys │ │ │ │ ├── diagonal.ts │ │ │ │ └── owl.ts │ │ │ └── reactive.tsx │ │ │ ├── swarm │ │ │ ├── base.tsx │ │ │ ├── index.tsx │ │ │ └── reactive.tsx │ │ │ ├── treadmill │ │ │ ├── horse.png │ │ │ ├── horse.tsx │ │ │ ├── index.tsx │ │ │ ├── reactive.tsx │ │ │ └── treadmill.tsx │ │ │ └── visualizerModal.tsx │ ├── context │ │ ├── searchFilters.tsx │ │ ├── soundcloud.tsx │ │ └── theme.tsx │ ├── hooks │ │ ├── use-client-details.ts │ │ └── use-debounce.ts │ ├── lib │ │ ├── analyzers │ │ │ ├── common.ts │ │ │ ├── fft.ts │ │ │ ├── scalarEventDetector.ts │ │ │ └── scope.ts │ │ ├── appState.ts │ │ ├── applicationModes.ts │ │ ├── easing.ts │ │ ├── eventDetector.ts │ │ ├── mappers │ │ │ ├── coordinateMappers │ │ │ │ ├── common.ts │ │ │ │ ├── data │ │ │ │ │ ├── controls.tsx │ │ │ │ │ ├── index.tsx │ │ │ │ │ ├── mapper.ts │ │ │ │ │ └── store.ts │ │ │ │ ├── noise │ │ │ │ │ ├── controls.tsx │ │ │ │ │ ├── index.tsx │ │ │ │ │ ├── mapper.ts │ │ │ │ │ └── store.ts │ │ │ │ ├── registry.tsx │ │ │ │ └── waveform │ │ │ │ │ ├── controls.tsx │ │ │ │ │ ├── index.tsx │ │ │ │ │ ├── mapper.ts │ │ │ │ │ └── store.ts │ │ │ ├── motionMappers │ │ │ │ ├── common.ts │ │ │ │ └── curlNoise.ts │ │ │ ├── textureMappers │ │ │ │ └── textureMapper.ts │ │ │ └── valueTracker │ │ │ │ ├── common.ts │ │ │ │ └── energyTracker.ts │ │ ├── palettes.ts │ │ ├── soundcloud │ │ │ ├── api.ts │ │ │ └── models.ts │ │ ├── storeHelpers.ts │ │ └── utils.ts │ ├── main.tsx │ ├── style │ │ └── globals.css │ └── vite-env.d.ts ├── tailwind.config.js ├── tsconfig.json ├── tsconfig.node.json └── vite.config.ts └── docs ├── demo-2024-1-12.gif └── waveform.gif /.env.example: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/.env.example -------------------------------------------------------------------------------- /.github/workflows/pr_staging_deploy.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/.github/workflows/pr_staging_deploy.yml -------------------------------------------------------------------------------- /.github/workflows/pr_staging_teardown.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/.github/workflows/pr_staging_teardown.yml -------------------------------------------------------------------------------- /.github/workflows/publish.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/.github/workflows/publish.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/.gitignore -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/README.md -------------------------------------------------------------------------------- /api/.dockerignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/api/.dockerignore -------------------------------------------------------------------------------- /api/.eslintrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/api/.eslintrc.js -------------------------------------------------------------------------------- /api/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/api/.gitignore -------------------------------------------------------------------------------- /api/Dockerfile: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/api/Dockerfile -------------------------------------------------------------------------------- /api/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/api/README.md -------------------------------------------------------------------------------- /api/fly.toml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/api/fly.toml -------------------------------------------------------------------------------- /api/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/api/package-lock.json -------------------------------------------------------------------------------- /api/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/api/package.json -------------------------------------------------------------------------------- /api/src/app.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/api/src/app.ts -------------------------------------------------------------------------------- /api/src/soundcloud.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/api/src/soundcloud.ts -------------------------------------------------------------------------------- /api/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/api/tsconfig.json -------------------------------------------------------------------------------- /app/.eslintrc.cjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/.eslintrc.cjs -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/.gitignore -------------------------------------------------------------------------------- /app/.prettierrc.mjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/.prettierrc.mjs -------------------------------------------------------------------------------- /app/LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/LICENSE -------------------------------------------------------------------------------- /app/README.md: -------------------------------------------------------------------------------- 1 | # App 2 | 3 | An interactive react app. 4 | -------------------------------------------------------------------------------- /app/components.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/components.json -------------------------------------------------------------------------------- /app/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/index.html -------------------------------------------------------------------------------- /app/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/package.json -------------------------------------------------------------------------------- /app/pnpm-lock.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/pnpm-lock.yaml -------------------------------------------------------------------------------- /app/postcss.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/postcss.config.js -------------------------------------------------------------------------------- /app/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/public/favicon.ico -------------------------------------------------------------------------------- /app/public/logo180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/public/logo180.png -------------------------------------------------------------------------------- /app/public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/public/manifest.json -------------------------------------------------------------------------------- /app/public/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/public/robots.txt -------------------------------------------------------------------------------- /app/src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/App.tsx -------------------------------------------------------------------------------- /app/src/components/analyzers/audioAnalyzer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/analyzers/audioAnalyzer.tsx -------------------------------------------------------------------------------- /app/src/components/analyzers/fftAnalyzerControls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/analyzers/fftAnalyzerControls.tsx -------------------------------------------------------------------------------- /app/src/components/analyzers/scopeAnalyzerControls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/analyzers/scopeAnalyzerControls.tsx -------------------------------------------------------------------------------- /app/src/components/audio/audioSource.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/audio/audioSource.tsx -------------------------------------------------------------------------------- /app/src/components/audio/sourceControls/common.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/audio/sourceControls/common.ts -------------------------------------------------------------------------------- /app/src/components/audio/sourceControls/file.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/audio/sourceControls/file.tsx -------------------------------------------------------------------------------- /app/src/components/audio/sourceControls/mic.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/audio/sourceControls/mic.tsx -------------------------------------------------------------------------------- /app/src/components/audio/sourceControls/overlay.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/audio/sourceControls/overlay.css -------------------------------------------------------------------------------- /app/src/components/audio/sourceControls/screenshare.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/audio/sourceControls/screenshare.tsx -------------------------------------------------------------------------------- /app/src/components/canvas/AudioScope.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/canvas/AudioScope.tsx -------------------------------------------------------------------------------- /app/src/components/canvas/AutoOrbitCamera.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/canvas/AutoOrbitCamera.tsx -------------------------------------------------------------------------------- /app/src/components/canvas/Visual3D.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/canvas/Visual3D.tsx -------------------------------------------------------------------------------- /app/src/components/canvas/common.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/canvas/common.tsx -------------------------------------------------------------------------------- /app/src/components/canvas/paletteTracker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/canvas/paletteTracker.tsx -------------------------------------------------------------------------------- /app/src/components/controls/audioSource/fileUpload.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/controls/audioSource/fileUpload.tsx -------------------------------------------------------------------------------- /app/src/components/controls/audioSource/soundcloud/controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/controls/audioSource/soundcloud/controls.tsx -------------------------------------------------------------------------------- /app/src/components/controls/audioSource/soundcloud/player.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/controls/audioSource/soundcloud/player.tsx -------------------------------------------------------------------------------- /app/src/components/controls/audioSource/soundcloud/track.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/controls/audioSource/soundcloud/track.tsx -------------------------------------------------------------------------------- /app/src/components/controls/audioSource/soundcloud/user.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/controls/audioSource/soundcloud/user.tsx -------------------------------------------------------------------------------- /app/src/components/controls/common.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/controls/common.tsx -------------------------------------------------------------------------------- /app/src/components/controls/dock.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/controls/dock.tsx -------------------------------------------------------------------------------- /app/src/components/controls/main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/controls/main.tsx -------------------------------------------------------------------------------- /app/src/components/controls/mobile-drawer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/controls/mobile-drawer.tsx -------------------------------------------------------------------------------- /app/src/components/controls/mode/audio.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/controls/mode/audio.tsx -------------------------------------------------------------------------------- /app/src/components/controls/mode/audioScope.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/controls/mode/audioScope.tsx -------------------------------------------------------------------------------- /app/src/components/controls/mode/common.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/controls/mode/common.tsx -------------------------------------------------------------------------------- /app/src/components/controls/modeSheet.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/controls/modeSheet.tsx -------------------------------------------------------------------------------- /app/src/components/controls/searchFilterInput.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/controls/searchFilterInput.tsx -------------------------------------------------------------------------------- /app/src/components/controls/visualSettingsSheet.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/controls/visualSettingsSheet.tsx -------------------------------------------------------------------------------- /app/src/components/ui/button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/ui/button.tsx -------------------------------------------------------------------------------- /app/src/components/ui/input.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/ui/input.tsx -------------------------------------------------------------------------------- /app/src/components/ui/label.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/ui/label.tsx -------------------------------------------------------------------------------- /app/src/components/ui/popover.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/ui/popover.tsx -------------------------------------------------------------------------------- /app/src/components/ui/scroll-area.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/ui/scroll-area.tsx -------------------------------------------------------------------------------- /app/src/components/ui/select.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/ui/select.tsx -------------------------------------------------------------------------------- /app/src/components/ui/separator.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/ui/separator.tsx -------------------------------------------------------------------------------- /app/src/components/ui/sheet.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/ui/sheet.tsx -------------------------------------------------------------------------------- /app/src/components/ui/slider.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/ui/slider.tsx -------------------------------------------------------------------------------- /app/src/components/ui/switch.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/ui/switch.tsx -------------------------------------------------------------------------------- /app/src/components/ui/tabs.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/ui/tabs.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/audioScope/base.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/audioScope/base.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/audioScope/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/audioScope/index.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/audioScope/reactive.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/audioScope/reactive.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/audioScope/shaders/fragment.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/audioScope/shaders/fragment.ts -------------------------------------------------------------------------------- /app/src/components/visualizers/audioScope/shaders/vertex.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/audioScope/shaders/vertex.ts -------------------------------------------------------------------------------- /app/src/components/visualizers/cube/base.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/cube/base.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/cube/controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/cube/controls.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/cube/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/cube/index.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/cube/reactive.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/cube/reactive.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/diffusedRing/base.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/diffusedRing/base.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/diffusedRing/controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/diffusedRing/controls.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/diffusedRing/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/diffusedRing/index.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/diffusedRing/reactive.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/diffusedRing/reactive.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/dna/base.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/dna/base.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/dna/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/dna/index.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/dna/reactive.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/dna/reactive.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/grid/base.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/grid/base.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/grid/controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/grid/controls.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/grid/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/grid/index.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/grid/reactive.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/grid/reactive.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/ground.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/ground.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/models.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/models.ts -------------------------------------------------------------------------------- /app/src/components/visualizers/movingBoxes/base.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/movingBoxes/base.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/movingBoxes/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/movingBoxes/index.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/movingBoxes/reactive.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/movingBoxes/reactive.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/registry.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/registry.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/ribbons/base.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/ribbons/base.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/ribbons/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/ribbons/index.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/ribbons/reactive.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/ribbons/reactive.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/sphere/base.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/sphere/base.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/sphere/controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/sphere/controls.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/sphere/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/sphere/index.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/sphere/reactive.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/sphere/reactive.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/stencil/base.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/stencil/base.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/stencil/config.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/stencil/config.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/stencil/polys/diagonal.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/stencil/polys/diagonal.ts -------------------------------------------------------------------------------- /app/src/components/visualizers/stencil/polys/owl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/stencil/polys/owl.ts -------------------------------------------------------------------------------- /app/src/components/visualizers/stencil/reactive.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/stencil/reactive.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/swarm/base.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/swarm/base.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/swarm/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/swarm/index.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/swarm/reactive.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/swarm/reactive.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/treadmill/horse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/treadmill/horse.png -------------------------------------------------------------------------------- /app/src/components/visualizers/treadmill/horse.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/treadmill/horse.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/treadmill/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/treadmill/index.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/treadmill/reactive.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/treadmill/reactive.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/treadmill/treadmill.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/treadmill/treadmill.tsx -------------------------------------------------------------------------------- /app/src/components/visualizers/visualizerModal.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/components/visualizers/visualizerModal.tsx -------------------------------------------------------------------------------- /app/src/context/searchFilters.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/context/searchFilters.tsx -------------------------------------------------------------------------------- /app/src/context/soundcloud.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/context/soundcloud.tsx -------------------------------------------------------------------------------- /app/src/context/theme.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/context/theme.tsx -------------------------------------------------------------------------------- /app/src/hooks/use-client-details.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/hooks/use-client-details.ts -------------------------------------------------------------------------------- /app/src/hooks/use-debounce.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/hooks/use-debounce.ts -------------------------------------------------------------------------------- /app/src/lib/analyzers/common.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/analyzers/common.ts -------------------------------------------------------------------------------- /app/src/lib/analyzers/fft.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/analyzers/fft.ts -------------------------------------------------------------------------------- /app/src/lib/analyzers/scalarEventDetector.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/analyzers/scalarEventDetector.ts -------------------------------------------------------------------------------- /app/src/lib/analyzers/scope.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/analyzers/scope.ts -------------------------------------------------------------------------------- /app/src/lib/appState.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/appState.ts -------------------------------------------------------------------------------- /app/src/lib/applicationModes.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/applicationModes.ts -------------------------------------------------------------------------------- /app/src/lib/easing.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/easing.ts -------------------------------------------------------------------------------- /app/src/lib/eventDetector.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/eventDetector.ts -------------------------------------------------------------------------------- /app/src/lib/mappers/coordinateMappers/common.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/coordinateMappers/common.ts -------------------------------------------------------------------------------- /app/src/lib/mappers/coordinateMappers/data/controls.tsx: -------------------------------------------------------------------------------- 1 | export default () => { 2 | return null; 3 | }; 4 | -------------------------------------------------------------------------------- /app/src/lib/mappers/coordinateMappers/data/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/coordinateMappers/data/index.tsx -------------------------------------------------------------------------------- /app/src/lib/mappers/coordinateMappers/data/mapper.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/coordinateMappers/data/mapper.ts -------------------------------------------------------------------------------- /app/src/lib/mappers/coordinateMappers/data/store.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/coordinateMappers/data/store.ts -------------------------------------------------------------------------------- /app/src/lib/mappers/coordinateMappers/noise/controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/coordinateMappers/noise/controls.tsx -------------------------------------------------------------------------------- /app/src/lib/mappers/coordinateMappers/noise/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/coordinateMappers/noise/index.tsx -------------------------------------------------------------------------------- /app/src/lib/mappers/coordinateMappers/noise/mapper.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/coordinateMappers/noise/mapper.ts -------------------------------------------------------------------------------- /app/src/lib/mappers/coordinateMappers/noise/store.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/coordinateMappers/noise/store.ts -------------------------------------------------------------------------------- /app/src/lib/mappers/coordinateMappers/registry.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/coordinateMappers/registry.tsx -------------------------------------------------------------------------------- /app/src/lib/mappers/coordinateMappers/waveform/controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/coordinateMappers/waveform/controls.tsx -------------------------------------------------------------------------------- /app/src/lib/mappers/coordinateMappers/waveform/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/coordinateMappers/waveform/index.tsx -------------------------------------------------------------------------------- /app/src/lib/mappers/coordinateMappers/waveform/mapper.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/coordinateMappers/waveform/mapper.ts -------------------------------------------------------------------------------- /app/src/lib/mappers/coordinateMappers/waveform/store.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/coordinateMappers/waveform/store.ts -------------------------------------------------------------------------------- /app/src/lib/mappers/motionMappers/common.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/motionMappers/common.ts -------------------------------------------------------------------------------- /app/src/lib/mappers/motionMappers/curlNoise.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/motionMappers/curlNoise.ts -------------------------------------------------------------------------------- /app/src/lib/mappers/textureMappers/textureMapper.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/textureMappers/textureMapper.ts -------------------------------------------------------------------------------- /app/src/lib/mappers/valueTracker/common.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/valueTracker/common.ts -------------------------------------------------------------------------------- /app/src/lib/mappers/valueTracker/energyTracker.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/mappers/valueTracker/energyTracker.ts -------------------------------------------------------------------------------- /app/src/lib/palettes.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/palettes.ts -------------------------------------------------------------------------------- /app/src/lib/soundcloud/api.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/soundcloud/api.ts -------------------------------------------------------------------------------- /app/src/lib/soundcloud/models.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/soundcloud/models.ts -------------------------------------------------------------------------------- /app/src/lib/storeHelpers.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/storeHelpers.ts -------------------------------------------------------------------------------- /app/src/lib/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/lib/utils.ts -------------------------------------------------------------------------------- /app/src/main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/main.tsx -------------------------------------------------------------------------------- /app/src/style/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/src/style/globals.css -------------------------------------------------------------------------------- /app/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /app/tailwind.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/tailwind.config.js -------------------------------------------------------------------------------- /app/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/tsconfig.json -------------------------------------------------------------------------------- /app/tsconfig.node.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/tsconfig.node.json -------------------------------------------------------------------------------- /app/vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/app/vite.config.ts -------------------------------------------------------------------------------- /docs/demo-2024-1-12.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/docs/demo-2024-1-12.gif -------------------------------------------------------------------------------- /docs/waveform.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dcyoung/r3f-audio-visualizer/HEAD/docs/waveform.gif --------------------------------------------------------------------------------