blob: dd301772753d94c4a75f3e4b5fcf1955c591cefa (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
# ✨ Vibes ✨
**https://vibes.yuv.al**
A collection of cute & creative web experiments and visual experiences.
## 🌈 Experiments
- [Isometric Triangles](/isometric/) - Dynamic background with animated geometric shapes in an isometric perspective.
- [Lemmings](/lemmings/) - Cute green & blue lemmings walking and falling in a dynamic pixelated environment.
- [Digital Zen Garden](/zengarden/) - A meditative drag-and-drop experience where users can arrange elements with subtle animations.
- [BTC Ticker](/btctick/) - Live Bitcoin price visualization with a cool animated chart showing price history.
- [Interactive Particle System](/particles/) - A full-screen interactive particle system where particles respond to cursor movement, clicks, and device tilt.
- [Ambient Soundscape Generator](/soundscape/) - Create beautiful, generative ambient soundscapes with customizable musical scales and parameters that play continuously in the background.
- [LEGO Brick Generator](/legobricks/) - Resizable LEGO brick container with customizable color palettes and randomization options.
- [WebGL Noise Generator](/webgl/) - Interactive 3D graphics using WebGL with customizable parameters and real-time rendering.
## 🚀 Local Development
To view the experiments locally:
1. Clone this repository
2. Open the HTML files directly in your browser
- Main page: `index.html`
- Isometric Triangles: `isometric/index.html`
- Digital Zen Garden: `zengarden/index.html`
- BTC Ticker: `btctick/index.html`
- Interactive Particle System: `particles/index.html`
- Ambient Soundscape Generator: `soundscape/index.html`
- LEGO Brick Generator: `legobricks/index.html`
- WebGL Noise Generator: `webgl/index.html`
## 💻 Technologies
- HTML5
- CSS3
- JavaScript (Vanilla)
- Google Fonts (VT323 & Fredoka)
## 🎨 Style
The project uses a bright, cute, and slightly pixelated aesthetic with:
- Pastel colors (pink, purple, light blue)
- Pixelated rendering for some elements
- Playful borders and shadows
- Retro-inspired pixel font (VT323) for headings
- Modern rounded font (Fredoka) for body text
|
