Project Files
▼berry-project
●main.js
●styles.css
●visualization.js
●data.json
Recently Edited
●effects.js12m ago
●theme.css43m ago
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
}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!