## UNKNOWN PLEASURES

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

<p align="center">
  <img src="https://user-images.githubusercontent.com/23660003/229427381-250b805a-d465-4e66-9274-60c3b5b863b4.gif" alt="demo" />
</p>

<p align="center">
  <a href="https://pouria.dev/unknown-pleasures" target="__blank" title="view experiment">view experiment ↗︎</a>
</p>

## 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).