Logge Media Forge · Die Werkstatt von Logge

Aus Neugier. Gemacht.

Ich baue Apps, entwickle Spiele, mache Filme und probiere viel mit KI aus. Das hier ist meine Esse: alles, was aus einer Idee geworden ist. Manches glüht noch, manches liegt abgekühlt im Lager.

Ins Lager

43 Projekte 140 öffentliche Repos auf GitHub seit 2015

Die Glut: jedes Repo ein Funke, links alt, rechts neu. Je heller, desto kürzer ist es her. Stand September 2026.

Maus drüber: Funken. Klicken: Schlag. Tippen: Schlag. Löst eine Animation in der Esse aus. Rein dekorativ.

01 / Auf dem Amboss

Noch warm.

Woran ich zuletzt gehämmert habe. Manches glüht noch, manches ist gerade erst abgekühlt.

  1. Bulli DriveMultiplayer-Rennspiel
  2. Learn AIKI & Lernen
  3. Voxel BlitzMultiplayer-Shooter
Alles im Lager

02 / Meisterstücke

Vier Stücke, genauer angeschaut.

Eins aus jeder Legierung. Mit Geschichte, Werkzeug, allem, was dranhängt, und jeweils einem Stück zum Selbst-Ausprobieren.

Kapitel I · Web · Strohgelb

Ein Theater, ganz viele Tabs.

Für das Kolpingtheater Ramsen baue ich seit 2020 Websites, Werkzeuge und inzwischen auch ein Spiel.

Saalplan der Buchung: sieben Reihen A bis G vor der Bühne, freie Plätze als Kästchen

Probestück braucht JavaScript

Nachbau Dieselben 68 Plätze wie im echten Saal. Gebucht wird hier nichts.

Die aktuelle Website kann mehr als Programm und Fotos: Man bucht dort Plätze direkt im Saalplan, bekommt ein QR-Ticket, einen Kalendereintrag und inzwischen auch ein Ticket für Google Wallet.

Den Saalplan hier habe ich für diese Seite nachgebaut: dieselben Reihen, derselbe Gang in der Mitte, dieselbe Warnung, wenn zwischen zwei Buchungen ein einzelner Platz frei bliebe.

Drumherum ist ein ganzes Universum entstanden: ein Drehbuch-System für die Proben, eine Videozuspielung für das Stück „Nexus“, eine Flutter-App mit Terminen und Rollen. Und „Rampenlicht“, ein Online-Kartenspiel mit den Theatermitgliedern als Karten. Angefangen hat es 2020 mit einer Theaterseite in meinem ersten Portfolio.

„Creepshow“ · 2026 Auf der Bühne: Bote / Diener. Hinter der Bühne: Website.

Kapitel II · Games · Purpur

Eine Bombe kommt selten allein.

Bomberman für die Couch und fürs Netz, mit derselben Engine an beiden Orten.

Bomberman-Motiv: Bomben-Roboter in einer Neon-Arena, daneben eine Explosion in Kreuzform

Probestück braucht JavaScript

Nachbau Kleineres Feld, echte Regel: Kettenreaktionen im selben Tick.

Bomberman, aber so gebaut, dass lokal und online exakt dieselbe Spiel-Engine läuft: eine deterministische Simulation mit 60 Ticks pro Sekunde, die im Browser für den Couch-Modus und auf einem Node-Server für Online-Runden rechnet. Kein Game-Framework, nur Vanilla JS und ein Canvas.

  • Eine gemeinsame, deterministische Engine für lokalen und Online-Modus, Map-Generierung per Seed
  • Sechs 15×13-Arenen: Neon Reactor, Magma Foundry, Cryo Circuit, Switchyard Reactor, Astral Garden, Tidal Works
  • Kettenreaktionen im selben Tick; ausgeschiedene Spieler fliegen als Geister weiter und legen Betäubungsbomben

Kapitel III · KI · Blau

Gesang raus. Du rein.

MelodAI macht aus fast jedem Song Karaoke: Stimme trennen, Wörter timen, mitsingen.

MelodAI-Player: Songauswahl mit Bibliothek und getrennten Reglern für Gesang und Instrumental

Probestück braucht JavaScript

Nachbau Hier singt die Website selbst. Zwei Regler, wie im Original.

  1. 01 Suche
  2. 02 Download
  3. 03 Stimmtrennung (Demucs)
  4. 04 Transkription (WhisperX)
  5. 05 Zeilen bauen (LLM)
  6. 06 Wiedergabe

Song suchen, dann trennt die Pipeline Gesang und Instrumental, erzeugt Lyrics mit Wort-Zeitstempeln und formt sie per LLM zu singbaren Zeilen. Im Player wird Wort für Wort hervorgehoben, und Gesang und Instrumental lassen sich getrennt regeln. Open Source.

03 / Das Lager

Alles, was hier entstanden ist.

43 Projekte. Durchsuchbar nach Titel, Stack, Jahr und allem, was drinsteht. Nimm dir, was dich interessiert.

Mehr Optionen

43 Projekte im Lager

Eine Sammlung, kein Schlussstrich.

Warum diese Farben?

Wenn Stahl angelassen wird, läuft er in Farben an: erst strohgelb, dann purpur, dann blau. Glühender Stahl leuchtet kirschrot. Die Farben hier folgen dem: Web ist Strohgelb, Games Purpur, KI Blau, Film Rotglut. Wie stark ein Werkstück glüht, zeigt, wie kürzlich ich daran gearbeitet habe: glüht heißt in den letzten 30 Tagen, warm in den letzten 180 Tagen, abgekühlt länger her. Fertig sind abgeschlossene Filme, ausgemustert ist Archiv. Gemessen am letzten Push ins Repo.

Nummer = Reihenfolge nach Jahr, ältestes zuerst.

  1. Bomberman · Multiplayer · 2026 — Bomben, Bots und Kettenreaktionen. Lokal und online läuft dieselbe Engine.
  2. MelodAI · KI & Musik · 2024 — Eine Karaoke-App mit KI-Stimmtrennung, zeitlich abgestimmten Lyrics und synchroner Wiedergabe. Gesang und Instrumental lassen sich getrennt regeln.
  3. Kolpingtheater Ramsen · Website & Tickets · 2025 — Website und Ticketsystem für das Kolpingtheater Ramsen. Programm, Informationen und Karten an einem Ort.
  4. Learn AI · KI & Lernen · 2026 — KI-Konzepte zum Ausprobieren: Sprachmodelle, Tokenisierung, Attention und Prompting anhand interaktiver Visualisierungen verstehen.
  5. Portes du Soleil · Aftermovie · 2026 — Der Aftermovie unseres Skiurlaubs 2026 in Portes du Soleil, diesmal im Hochformat geschnitten.
  6. Kniffel Multiplayer · Multiplayer · 2026 — Kniffel für ein bis sechs Personen, mit gemeinsamen Spielrunden, Reaktionen und Live-Rangliste.
  7. ShareX · Capture Engine · Webdesign · 2026 — Designkonzept für die ShareX-Website: eine interaktive Inszenierung mit Three.js, Animationen und Fokus auf den Aufnahmeprozess.
  8. ShareX · Windows 98 · Webdesign · 2026 — Designkonzept für die ShareX-Website als interaktiver Windows-98-Desktop. Fenster, Bedienelemente und die Optik eines anderen Computerzeitalters.
  9. ShareX · Afterimage · Webdesign · 2026 — Designkonzept für die ShareX-Website mit KI-generiertem Bildmaterial und einem experimentellen Editorial-Layout.
  10. GeoGames · Geografie & Games · 2026 — Tägliche Geografie-Minispiele: Länder erkennen, Flaggen zuordnen und Orte auf der Karte finden.
  11. Strahlschlaufenreaktor · Simulation · Verfahrenstechnik · 2026 — Chemieingenieurwesen zum Anfassen. Mit Blasen.
  12. Spotify Listening Report · Datenvisualisierung · 2026 — Meine Spotify-Hörhistorie als interaktiver Bericht: Lieblingskünstler, Hörgewohnheiten und übersprungene Songs, direkt aus dem Datenexport.
  13. BeatGuessr · Musik & Games · 2025 — Songs am Ausschnitt erkennen oder zeitlich einordnen. Ein Musikratespiel mit Classic- und Timeline-Modus.
  14. Coop Sudoku · Multiplayer · 2025 — Sudoku gemeinsam lösen oder gegeneinander spielen. Mit synchronisiertem Spielfeld und Punkten für gelöste Zellen.
  15. Arcanum · 3D-Escape-Room · 2026 — Entkomme dem Turm des Erzmagiers. Ein Kammerspiel in einem Zug.
  16. Voxel Blitz · Multiplayer-Shooter · 2026 — Schnelle Runden, zerstörbare Arenen, direkt im Browser.
  17. Bulli Drive · Multiplayer-Rennspiel · 2025 — Ein Bulli, eine Küstenstadt, 19 Kilometer Straße.
  18. Oilbert’s Adventure · Browsergame · 2025 — Ein Endless-Runner mit einem rot-weißen VW-Bus in der Hauptrolle, gebaut mit JavaScript, HTML und CSS.
  19. Transcripator · KI & Audio · 2024 — Audio rein, Text raus, Zusammenfassung obendrauf. Angefangen als Telegram-Bot, heute auch als Web-App zum Hochladen oder direkt Aufnehmen.
  20. Codex Quota Widget · Android & Tool · 2026 — Ein Android-Homescreen-Widget für Codex-Nutzungslimits. Zeigt Verbrauch und Reset-Zeiten an, mit manueller Aktualisierung und zwischengespeicherten Werten bei Verbindungsproblemen.
  21. LoggeRythm · Musik & App · 2026 — Ein persönliches Musik-App-Experiment mit Playlists, einer gemeinsamen Warteschlange, synchronen Lyrics und Android-App. Ein privates Demo-Projekt, kein öffentlicher Streamingdienst.
  22. Bands · Musik & Web · 2026 — Mein Musiktagebuch: Bands, die ich noch live sehen will, Bands, die ich schon gesehen habe, dazu Vorschauen und ein Song-Tagebuch. Hieß mal Sonic Noir, dann Setlist, jetzt Bands.
  23. Marathon Trainer · Sport & App · 2026 — Mein Trainings-Cockpit mit Countdown, 14-Wochen-Plan und Workout-Log. Workouts speichere ich mit Strava-Link, ausgewertet werden sie von einem externen KI-Agenten.
  24. PowerPoint Karaoke · Partyspiel · 2025 — Absurde Decks. Vortragen musst du trotzdem selbst.
  25. JP Poolparty · Website & Events · 2019 — Anmeldung, Mitbringliste, Helfer und Musikwünsche für die JP Poolparty. Gemeinsam mit realjupeters gebaut. Dahinter läuft mein Backend jpCore.
  26. Infected · Kurzfilm · 2023 — Ein in 48 Stunden gedrehter Action-Kurzfilm mit anschließender Postproduktion, praktischen Effekten und Kampfszenen.
  27. Exception · Kurzfilm · 2022 — Ein Kurzfilm aus einem 48-Stunden-Film-Hackathon. Eine Geschichte entwickeln, drehen und mit den vorhandenen Mitteln umsetzen.
  28. Die Chroniken von Selantis · Fantasy & VFX · 2015–2020 — Eine Fantasy-Trilogie, an der ich als VFX-Artist und Schauspieler mitgewirkt habe.
  29. Ski 2024 · Epic Cut · Aftermovie · 2024 — Unser Skiurlaub in Flachau als Aftermovie mit Drohnenaufnahmen.
  30. Ski 2024 · Fun Cut · Aftermovie · 2024 — Die verspielte Version unseres Skiurlaubs 2024, geschnitten auf KI-generierte Musik.
  31. Ski 2023 · Aftermovie · 2023 — Der Ski-Aftermovie 2023. Auf YouTube mit Grüßen an den FI-Toaster und die unsichtbaren Backbleche.
  32. Ski 2022 · Zillertal · Aftermovie · 2022 — Erinnerungen an unseren Skiurlaub in den österreichischen Alpen im Zillertal.
  33. Segeln 2022 · Aftermovie · 2022 — Unterwegs auf dem IJsselmeer. Ein Film über unsere Segelreise in den Niederlanden.
  34. Poolparty 2021 · Aftermovie · 2021 — Der offizielle Aftermovie der JP Poolparty 2021, mit Whirlpool und Cocktailbar.
  35. Ski 2020 · Bad Gastein · Aftermovie · 2020 — Unser Winterurlaub in Bad Gastein, festgehalten mit Zeitlupen und Drohnenaufnahmen.
  36. Bodensee 2020 · Aftermovie · 2020 — Wassersport und Ausflüge am Bodensee, aufgenommen über und unter Wasser.
  37. Poolparty 2020 · Aftermovie · 2020 — Ein Sommer, eine Poolparty und ein Film, der die Erinnerungen daran festhält.
  38. Ski 2019 · Feldberg · Aftermovie · 2019 — Ein kurzer Skiurlaub am Feldberg im Schwarzwald, zusammengefasst als Aftermovie.
  39. Segeln 2019 · Aftermovie · 2019 — Unsere erste gemeinsame Segelreise über das IJsselmeer in den Niederlanden.
  40. Voll-O-Meter · Web-App · 2023 — Ein augenzwinkernder Promillerechner mit anpassbaren Getränken. Installierbar, die Daten bleiben im Browser. Nur eine Schätzung: keine Messung und keine Grundlage für Entscheidungen zur Fahrtüchtigkeit.
  41. Spyfall · Partyspiel · 2019 — Das Deduktionsspiel im Browser, mit Hot-Seat-Modus und Offline-Unterstützung als Progressive Web App.
  42. Palatina Films · Website & VFX · 2018 — Meine erste professionelle Website, mit eigenen visuellen Effekten und Animationen aus After Effects.
  43. Corona Board · Daten · 2020 — Ein COVID-19-Dashboard aus dem Frühjahr 2020: Weltkarte, Verläufe, Rohdaten.

04 / Das Schichtbuch

Erst Kamera. Dann Code.

Erst Filme, dann Websites, dann Spiele und KI. Zuletzt ziemlich schnell.

  • 140 öffentliche Repos
  • 62 allein 2026

Jeder Strich ist ein Projekt. Je voller das Jahr, desto breiter.

2015

  1. Film

    Selantis Teil 1 wird gedreht. Palatina Films entsteht dafür.

2019 6 Repos

2020 9 Repos

  1. Film

    Selantis Teil 3. Meine erste Hauptrolle: Harras.

  2. Film

    Der Kanaltrailer fürs Kolpingtheater, „Produziert von LMF“.

  3. Galerie

    Die erste von 17 Nächten mit der Handykamera. Die Galerie baue ich parallel.

  4. Film

    Bad Gastein 2020, mit Flowframes von 25 auf 50 Bilder pro Sekunde gerechnet.

2022 8 Repos

  1. Film

    Kurzfilm „Exception“.

2023 8 Repos

  1. Film

    Kurzfilm „Infected“.

2024 10 Repos

  1. Code

    MelodAI.

2026 62 Repos

Und das sind nur die öffentlichen.

05 / Die Werkstatt · Hey, ich bin Logge.

Ich wollte wissen, ob das geht.

So fangen ziemlich viele meiner Projekte an.

Ein Spiel für den nächsten Abend mit Freunden. Eine App für ein Problem, das mich selbst nervt. Ein Film, der von einer Reise mehr festhält als ein paar Fotos.

Unter Logge Media Forge sammle ich diese Dinge. Ich arbeite mit Code, Kamera und KI, lerne beim Machen und lande dabei regelmäßig bei der nächsten Idee.

I’m just pressing buttons.

Das stand 2020 auf der allerersten Version dieser Seite. Gilt immer noch. REC ist ein Knopf. Play auch.

Was an der Wand hängt.

Klick auf ein Werkzeug und du siehst alles, wofür ich es benutzt habe.

Selten ganz allein

Gute Leute. Gemeinsame Sachen.

Abspann

Wer und was hier drinsteckt.

Logge Media Forge
Ein Rohschnitt von Logge
Code · Kamera · KI
Logge
Auch als
VFX · Homepage · Schauspieler Palatina Films
Website · Ticketsystem Kolpingtheater Ramsen
Drehorte
Feldberg 2019
IJsselmeer 2019
Ramsen 2020
Bodensee 2020
Bad Gastein 2020
Ramsen 2021
Zillertal 2022
IJsselmeer 2022
Flachau 2024
Portes du Soleil 2026
Sprachen
JavaScript
TypeScript
HTML
Python
CSS
Material
43 Projekte
15 Filme
77 Fotos

Aus Neugier. Gemacht. Rohschnitt, kein Final Cut.

07 / Der nächste offene Tab

Was hast du im Kopf?

Eine Idee, eine Frage oder einfach ein Hallo. Schreib mir.

[email protected]

Das Feuer ist noch an.