Wenn maschinelle Logik auf menschliche Emotionen trifft
Wie baut man ein komplettes, audiovisuelles Musiklabel aus dem Nichts auf? KOKORO-DRIVE ist ein experimentelles Showcase-Projekt, das an der Schnittstelle von Creative Direction, Frontend-Entwicklung und generativer Künstlicher Intelligenz operiert.
Die Vision: Ein digitales Herz, das den Takt angibt
Die Grundidee für KOKORO-DRIVE (jp. 心 – Kokoro = Herz) war ein faszinierendes Gedankenexperiment: Können synthetische Klänge und Algorithmen echte, greifbare Gefühle transportieren? Um diese Frage zu erforschen, erschuf ich Mochi Machine – einen virtuellen, anthropomorphen Artist, dessen leuchtendes Herz als visuelles Interface für seinen musikalischen Output dient.
Das Projekt umfasst zwei vollständige Konzeptalben, die einen klaren „Character Arc“ durchlaufen:
- Phase 1 – „Digital Doki“: Ein klinisch-helles, treibendes J-Core-Album im Y2K-Stil. Hier entdeckt die Maschine ihre ersten, naiven Emotionen.
- Phase 2 – „Digital Rebirth“: Ein düsteres, melancholisches Acid-Funk-Album. Das Farbschema wechselt zu Midnight-Blue und Acid-Green (der „Ghost in the Groove“-Ära). Es geht um verlorene Daten, digitale Einsamkeit und den Versuch, das System neu zu starten.
Die kulturelle DNA: Warum J-Core und Japanisch?
Die Entscheidung für japanische Ästhetik, J-Core-Musik und mehrsprachige Lyrics (Japanisch, Romaji, Englisch) war kein Zufall, sondern eine bewusste Design-Entscheidung, um die Story der Mochi Machine glaubhaft zu stützen:
- Sprache als Code: Der ständige Wechsel zwischen Japanisch und Englisch wirkt wie eine eigene Programmiersprache. Zudem transportieren japanische Begriffe eine starke Dualität: „Saisei“ bedeutet beispielsweise sowohl „Wiedergabe“ (technisch) als auch „Wiedergeburt“ (organisch).
- Die Heimat der virtuellen Idols: Japanische Popkultur hat die Idee der „Seele in der Maschine“ (von VTubern bis hin zu Anime wie Ghost in the Shell) perfektioniert. Es ist der natürliche visuelle und kulturelle Raum für ein fühlendes Gadget.
- Der Sound der Prozessoren: Harte Kicks, extrem schnelle BPM und 303-Acid-Synthesizer repräsentieren den „Herzschlag“ der Hardware. Das übersteuerte Tempo im ersten Album steht für den Overload an neuen Emotionen, während der verlangsamte Acid-Funk im zweiten Album die Melancholie eines isolierten Systems widerspiegelt.
Art Direction & Pragmatischer KI-Einsatz
In meinem Arbeitsprozess betrachte ich KI nicht als Magie, sondern als extrem schnelles Werkzeug für die Asset-Kreation. Die kreative Regie – also die zugrundeliegende Story (Lore), das Prompt-Engineering, die emotionale Tonalität und die tiefgründigen Texte – lag vollständig in meiner Hand.
Generative KI-Modelle wie Suno AI (für das Audio-Rendering) und Gemini AI (für die visuelle Konzeption) dienten als Ausführungsorgane meiner Vorgaben. Das Ergebnis ist keine ziellose KI-Spielerei, sondern ein fokussiertes Storytelling-Erlebnis.
Frontend-Entwicklung: Ein interaktives Web-Erlebnis
Um das Projekt angemessen zu präsentieren, entwickelte ich eine responsive Landingpage (HTML5, CSS3, Bootstrap 5, Vanilla JavaScript), die den visuellen Bruch der beiden Alben im Design aufgreift.
Die technischen Highlights der Umsetzung:
Dynamisches Lyrics-Parsing: Da das Label stark auf Text und Storytelling setzt, habe ich ein interaktives Modal-System programmiert. Klickt der User auf das Lyrics-Icon eines Songs, greift ein Fetch-Request im Hintergrund auf lokale Markdown-Dateien (.md) zu. Ein eigens geschriebenes Regex-Script splittet den Text on-the-fly anhand der Markdown-Header und rendert ihn sauber in vier synchronisierte Tabs (Original Japanisch, Romaji, Deutsch, Englisch).
Custom Audio-Engine: Ein nahtlos integrierter, asynchroner JavaScript-Player, der am unteren Bildschirmrand fixiert ist. Er erlaubt das unterbrechungsfreie Durchstöbern der Seite und steuert automatisch den Übergang (Auto-Play) zwischen den Tracks beider Alben.
Das Ergebnis
KOKORO-DRIVE ist mehr als nur eine Website – es ist ein immersives Multimedia-Produkt. Es beweist, wie schnell und präzise aus einer abstrakten Idee ein greifbares Brand-Universum entstehen kann, wenn man strategisches Design, sauberes Code-Handwerk und den zielgerichteten Einsatz moderner KI-Tools kombiniert.
