MultiPlayer Game mit socket.io auf Uberspace

      0
MultiPlayer Game mit socket.io auf Uberspace

Ich hoste meine Webseiten und alle möglichen Spielereien auf uberspace.de und zähle mich damit zu einem von vielen glücklichen Ubernauten. Support ist spitze; die Dokumentation ausführlich und hilfreich. Trotzdem stehe ich manchmal vor sehr speziellen Problemen, die in ihrer Gänze natürlich nicht von den Ubernauten abgedeckt werden. So habe ich beispielsweise vor Kurzem einen UNO™ Klon mit socket.io umgesetzt, und wollte diesen nun für meine Freunde erreichbar machen. In diesem Artikel halte ich fest, wie mir das gelungen ist.

Weiterlesen

Portable Laptop Monitore – OFIYAA P1 vs. Mobile Pixels TRIO

      0

Foto von zwei Bildschirm-Verpackungen. Links Mobile Pixels TRIO Monitor. Rechts OFIYAA P1.

Ich kenne kaum einen Entwickler, der heutzutage noch mit nur einem Monitor auskommt. Der Trend geht wohl eher zum dritten Monitor. Wenn ich abends, nach der Arbeit, auf der Couch an meinen privaten Projekten schraube, wünsche ich mir manchmal einen zweiten Monitor herbei. Eher zufällig wurde ich nun auf portable Laptop Monitore aufmerksam und habe zwei Produkte von OFIYAA und Mobile Pixels mit einander verglichen.

Weiterlesen

Kamera-Scan-Lines in Phaser fixen

      0

Screenshot von einem Adventure Spiel. An den Seiten, links und rechts, sieht man weiße Linien, die den Spielfluss stören.

Ich möchte ein Adventure Game mit Phaser 3 entwickeln. Dabei soll die Kamera dem Protagonisten auf Schritt und Tritt folgen. Das hat bisher auch gut geklappt, allerdings kam es zwischendurch zu unerwünschten Kamera-Scan-Lines, die auf den Tiles der Map auftauchten. Scheinbar war ich aber nicht der einzige mit diesem Problem. In diesem Beitrag skizziere ich euch kurz, wie ich die Kamera-Scan-Lines repariert bekommen habe.

Weiterlesen

Navigation Animation in VueJS

      0
Navigation Animation in VueJS

Für einen Kunden auf der Arbeit musste ich die Tage eine Navigation Animation in VueJS umsetzen. Mit heutigen CSS3 Animationen – Kein Problem – dachte ich. Allerdings ließ sich die gewünschte Animation nicht mit reinem CSS umsetzen. Es musste also ein bisschen Javascript Magic her. Die Snippets, die ich im Netz fand, waren allerdings alle für jQuery ausgelegt oder unterstützten keine dynamische Größe des Links. Daher musste ich mir selber etwas überlegen und möchte den Code im Folgenden mit dir teilen.

Weiterlesen

Animierter Newsticker in VueJS

      0
Animierter Newsticker in VueJS

Für die Arbeit musste ich die Tage einen animierten Newsticker erstellen – quasi ein Laufband. Der Text sollte nach links einlaufen und sich unendlich wiederholen. In den frühen Tagen des Internets hat man das auf vielen Webseiten gesehen. Ich dachte also „Kein Problem!“. Little did I know… Da die Vue Plugins aus dem Netz entweder hakten oder nicht zu stoppen waren (das ist wichtig für die Barrierearmut), habe ich prompt selber eine Komponente gebaut und möchte den Code mit dir teilen.

Weiterlesen