https://github.com/timmoth/soapbubble

Soap bubble visualization written using React Three Fiber & Typescript
https://github.com/timmoth/soapbubble

fiber r3f react shader threejs typescript

Last synced: 8 months ago
JSON representation

Soap bubble visualization written using React Three Fiber & Typescript

• Host: GitHub
• URL: https://github.com/timmoth/soapbubble
• Owner: Timmoth
• License: mit
• Created: 2023-01-08T20:04:00.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-06T20:10:33.000Z (over 3 years ago)
• Last Synced: 2025-04-07T12:52:18.555Z (about 1 year ago)
• Topics: fiber, r3f, react, shader, threejs, typescript
• Language: GLSL
• Homepage:
• Size: 9.76 MB
• Stars: 8
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# SoapBubble



   


       



ThreeJs simulation of a soap bubble distorted using perlin noise

[![Demo](https://img.shields.io/badge/live-demo-green?style=flat-square)](https://timmoth.com/showcase/j7461vt3eU-Cu0QIUcXD3w)

Clone

```

git clone https://github.com/Timmoth/SoapBubble.git

```

Build

```

npm run build

```

Run 

```

npm install http-server -g

http-server

```

App will be available at http://localhost:8080/