Vibe Code

Active now:
Berry
Pixel
Neon

Project Files

berry-project
main.js
styles.css
visualization.js
data.json
Recently Edited
effects.js12m ago
theme.css43m ago
Berry
Pixel
Neon
Vibe: flowing
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<span style=<span style="color: #7f9;">"color: #777;"</span>>// Welcome to Berry Computer!</span>
<span style="color: #f99;">function</span> createVibe(mood) {
<span style="color: #f99;">const</span> intensity = mood * 10;
<span style="color: #f99;">let</span> palette = [];
<span style="color: #f99;">for</span> (<span style="color: #f99;">let</span> i = 0; i < intensity; i++) {
palette.push({
color: generateColor(mood, i),
amplitude: Math.sin(i / intensity * Math.PI) * 100
});
}
<span style="color: #f99;">return</span> {
palette,
rhythm: intensity > 50 ? <span style="color: #7f9;">"energetic"</span> : <span style="color: #7f9;">"chill"</span>,
collaboration: <span style="color: #f99;">true</span>
};
}
<span style=<span style="color: #7f9;">"color: #777;"</span>>// Try changing the mood value!</span>
<span style="color: #f99;">const</span> myVibe = createVibe(8);
renderVisualization(myVibe);
Live Preview
Vibe output:
{
palette: Array(80),
rhythm: "energetic",
collaboration: true
}

Vibe Tools

Mood Selector
Collaborative MusicNow Playing
Lofi Coding Beats
Inspiration Board
+

Communication

Today
I've updated the visualization logic. Check it out!
visualization.js:42
renderVisualization(myVibe);
Looks good! I'll add some color transitions.
Just pushed a new vibe mode that reacts to your code style!