https://github.com/poeti8/unknown-pleasures

a tiny web experiment.
https://github.com/poeti8/unknown-pleasures

audio-visualizer gsap react-three-fiber threejs webgl

Last synced: 6 days ago
JSON representation

a tiny web experiment.

• Host: GitHub
• URL: https://github.com/poeti8/unknown-pleasures
• Owner: poeti8
• Created: 2023-02-14T12:32:29.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-24T09:10:33.000Z (about 1 year ago)
• Last Synced: 2025-01-17T05:06:39.855Z (14 days ago)
• Topics: audio-visualizer, gsap, react-three-fiber, threejs, webgl
• Language: TypeScript
• Homepage: https://pouria.dev/unknown-pleasures
• Size: 3.36 MB
• Stars: 200
• Watchers: 1
• Forks: 17
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## UNKNOWN PLEASURES

a tiny web experiment built with **three.js**, **react three fiber**, **webgl** and **gsap** to visualize music.



  





  view experiment ↗︎



## run locally

you need [node.js](https://nodejs.org) and [pnpm](https://pnpm.io/) package manager. (npm should work fine too).

1. install dependencies via `pnpm install` or `npm install`.

2. run the app via `pnpm dev` or `npm run dev`.

3. visit `http://localhost:5173/unknown-pleasures`

this is my first experience with the mentioned technologies in an attempt to learn 3d web graphics. you might see some hacky wacky stuff in the code since i don't really know what i'm doing.

## tutorial

i've made a step-by-step video. [watch it on youtube](https://www.youtube.com/watch?v=7eDGJ5okDGw).