schiffr.de - Cornelius Blog

Wed, 08 Jul 2026 00:00:00 +0000

Nachdem mir das lange im Hinterkopf rumgeschwirrt ist, hatte ich endlich eine Idee, wie ich meine Webseite neu gestalten möchte. Ein schönes Inselfeeling mit Gamification auf der Startseite, clean und nautisch überall sonst.

Kurs setzen auf neue Ufer

Wed, 08 Jul 2026 00:00:00 +0000

Willkommen auf meinem neuen Blog! Nach vielen Jahren der Entwicklung auf diversen Frameworks habe ich mich entschieden, meine persönliche Ecke im Internet wieder ganz klassisch und minimalistisch aufzubauen.

Diese Seite läuft vollständig mit Hugo, nutzt Phaser 3 für das interaktive Ozean-Spiel auf der Startseite, und setzt ansonsten auf reines, handgeschriebenes HTML und CSS (kompiliert mit Sass).

Warum Hugo?

Hugo zeichnet sich vor allem durch drei Eigenschaften aus:

Unglaubliche Performance: Die gesamte Seite baut in wenigen Millisekunden.
Keine Abhängigkeiten zur Laufzeit: Keine schweren JS-Bundles für den reinen Leseteil.
Flexibilität: Mit Hugo Assets und Go-Templates lässt sich fast jeder Wunsch umsetzen.

// Ein kleiner Gruß aus dem Code der Startseite
function sailAway() {
 console.log("Setze die Segel!");
}

In Zukunft werde ich hier regelmäßig Gedanken zu Web-Technologien, meinen Bastelprojekten und vielleicht dem ein oder anderen Segeltörn teilen. Immer getreu dem Motto: Klares Design, sauberer Code.

Lauterwasser.art

Wed, 08 Jul 2026 00:00:00 +0000

Meine Schwiegermutter ist seit Jahren an der Kunstakademie Überlingen aktiv und kreiert immer besser Gemälde und seit langem natürlich auch Fotografien. Um diese der Welt zugänglich zu machen, habe ich ihr eine eigene Galerie im Netz gebaut.

Einfachheit als Grundprinzip

Der Fokus soll klar auf den Bildern liegen. Ich wollte deswegen eine Webseite erstellen, die diese schnell und ohne großen Overhead anzeigen kann. Hier kommt der Static Site Generator hugo ins Spiel, zusammen mit dem fantastischen Hugo Gallery Theme von Nico Kaiser. Das ganze habe ich etwas auf unsere Bedürfnisse angepasst und fertig war die Webseite.

Limit Webseite und Discord Bot

Wed, 08 Jul 2026 00:00:00 +0000

Auch wenn die Gilde gerade im Winterschlaf ist, bin ich doch recht stolz auf die Werkzeuge, die ich für sie geschaffen habe.

Die Gilde

Limit war ein Zusammenschluss von Spielern, die gemeinsam in World of Warcraft von Blizzard Spaß hatten. Wir trafen uns hierzu im Discord, besiegten Gegner in mytischen Dungeons oder Raids und looteten was das Zeug hielt.

Limitus Prime

Am Anfang kam der Discord Bot, mit dem ich das Zusammenleben im Discord durch Kleinigkeiten verbessern wollte (nachschauen, wann jemand das letzte Mal online war, organisieren von Gruppen, …). Das ist dann recht schnell mit immer neuen Ideen ordentlich gewachsen, so dass es inzwischen mit großen Gilden- und Raidplanungstools mithalten kann.

schiffr.de - Diese Webseite

Wed, 08 Jul 2026 00:00:00 +0000

Die Startseite dieser Website ist kein gewöhnliches Navigationsmenü. Stattdessen empfängt ein interaktives Segelspiel den Besucher. Man steuert ein kleines Segelboot in isometrischer Perspektive über einen endlosen Ozean. Die Menüpunkte der Website (Blog, Projekte, Über mich) sind als Inseln im Ozean platziert.

Features

Isometrische 2D-Physik: Maßgeschneiderte Kollisionsabfrage und Dämpfung für das Segeln.
Custom GLSL Shader: Ein dynamischer Wasser-Shader berechnet die Wellenbewegung und Schaumkronen an den Ufern der Inseln.
Auto-Sailing: Ein intelligenter Repulsions-Algorithmus steuert das Boot um Hindernisse herum, wenn der Nutzer auf eine Zielinsel klickt.
Responsive Canvas: Das Spiel skaliert flüssig auf verschiedene Bildschirmgrößen und unterstützt Touch-Gesten auf mobilen Geräten.

Technische Details

Die Herausforderung bestand darin, die isometrische 2:1 Perspektive performant in Phaser 3 zu rendern. Durch Custom Physics Bodies und die Shoreline Heatmap Render Texture werden optisch korrekte Uferschaum-Wellen generiert, ohne die CPU zu belasten.

Stammbaum

Wed, 08 Jul 2026 00:00:00 +0000

Digitale Stammbäume gibt es schon einige, doch alle die ich mir angeschaut habe, hatten den gleichen engen Fokus: Sie zeigen nur die Verwandschaftsbeziehungen zwischen den einzelnen Personen.

Was unterscheidet Stammbaum?

Klar zeichnet die Webseite auch den Stammbaum hin und jede Person, für die eine E-Mail Adresse eingetragen wird bekommt eine Einladung, zum Stammbaum beizutragen. Was mir jedoch so wichtig bei dem Projekt war, sind all die Geschichten, die über die Personen in der Familie existieren. Nicht nur die harten Fakten, sondern auch Anekdoten, die man noch über die Leute weiß.

WifiRemote

Wed, 08 Jul 2026 00:00:00 +0000

WifiRemote ist ein Plugin für die Media Center Open Source Software MediaPortal, welches einen Socket Server öffnet und Clients erlaubt MediaPortal fernzusteuern aber gleichzeitig auch Informationen über das aktuelle Geschehen im Media Center zu erhalten.

MediaPortal selbst ist ein Fork des bekannten XBMC (inzwischen in „Kodi“ umbenannt). Es wurde vor allem durch den TV Server bekannt, eine Komponente, die das ansehen und verteilen von Live TV im Netzwerk erlaubt. MediaPortal läuft auf Windows und ist in C# geschrieben. Bei meiner damaligen Recherche habe ich viele Media Center Programme durch probiert und bin bei MediaPortal hängen geblieben, da es gut funktionierte, durch ein ausgeklügeltes Plugin System sehr erweiterbar ist und es eine extrem aktive und hilfsbereite Community gab. MediaPortal ist auch der Grund, warum noch größere Teile meines Heimnetzes auf Windows laufen.

CouchPotato

Sun, 05 Jul 2026 00:00:00 +0000

Das hier ist eine Geschichte aus der Zeit vor Netflix und FireTV, als man sich noch die eigenen DVDs auf die Festplatte rippte und einen eigenen Media Center PC für’s Anschließen an den Fernseher baute.

Ich setzte damals auf MediaPortal und war von den Möglichkeiten, der Community und der Erweiterbarkeit durch Plugins sehr begeistert. Was mich störte war, dass man normalerweise eine Tastatur am Fernseher hängen hatte und damit durch die eigenen Medien navigiert ist sowie Abspielen, Pause und anderes drücken musste.

Datenschutzerklärung

Mon, 01 Jan 0001 00:00:00 +0000

Diese Website ist darauf ausgelegt, so datensparsam wie möglich zu sein. Wir erfassen grundsätzlich keine personenbezogenen Daten, die nicht technisch zwingend erforderlich sind, um diese Website bereitzustellen und sicher zu betreiben.

1. Verantwortlicher

Cornelius Schiffer
E-Mail: cornelius at diese domain

2. Server-Logfiles (Hosting)

Diese Website wird auf einem dedizierten Server mit dem Webserver Nginx betrieben.

Keine Zugriffsstatistiken (Access Logs): Ich erfasse standardmäßig keine Logdateien über deine Zugriffe (Access Logs). Dein Besuch dieser Website wird von mir nicht protokolliert oder analysiert.

Impressum

Mon, 01 Jan 0001 00:00:00 +0000

Angaben gemäß § 5 TMG

Cornelius Schiffer

Kontakt

E-Mail: cornelius at diese domain

Redaktionell verantwortlich

Cornelius Schiffer

Verbraucherstreitbeilegung/Universalschlichtungsstelle

Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.

Danksagung

Das Spritesheet für das Boot auf der Startseite ist von @pixel_Salvaje. Der Wasser-Shader ist inspiriert vom Stylized-Water shader von KallkaGo.3