💻 I started learning programming... and somehow ended up creating this.
A few weeks ago, I decided to take programming a bit more seriously.
At first, my goal was simple:
• Learn Python.
• Get familiar with VS Code.
• Understand how real-world projects are structured.
But one experiment led to another...
Until I ended up creating what you see in the video:
>🎬 An audio-reactive web engine that synchronizes animated typography, particle systems, and visual effects with the music in real-time.
Everything runs directly in the browser.
No video editing.
No pre-rendered animations.
Just HTML, CSS, JavaScript, Canvas, the Web Audio API... and plenty of headaches, haha.
Some of the project's features include:
-⚡ Real-time particle rendering.
-🎵 Audio-synced lyrics engine.
-💥 Multiple visual modes (Glitch, Berserker, Critical, Flash...).
-🧠 Timeline system with manually synced timestamps.
-✨ Animated transitions using GSAP.
The funny thing is...
I wasn't trying to create a "lyric video."
I simply asked myself:
"What happens if I add just one more feature?"
...and suddenly, the project grew much larger than I had originally imagined.
Visually and musically, this finished version is literally on another level compared to the initial build.
It’s amazing how fast you can learn when you stop worrying about making something perfect and just start building.
(NOTE: Aside from learning as I go, I also practice using AI in programming because I like testing its limits).
🎥 I also uploaded the full experience to YouTube in case you want to watch it there in higher quality:
▶️ [https://youtu.be/6RWm7QD43gg]
And if you want to run the project directly on YOUR own PC, it’s completely open-source and available in its own GitHub repository:
[https://github.com/RabbitGamesDev/enemy-audio-reactive-engine]
Now... I have a question for you, the person reading this:
💬"If you were learning programming today...
What kind of project would you create first?"


















2 comments