Javascript

Buesum-Urlaub.de

Buesum-Urlaub.de

A modern and responsive Website for multiple holiday flats. Technologies: ProcessWire (CMS) Bootstrap Animate On Scroll JQuery (Datepicker) PhotoSwipe JavaScript PHP SEO schema.org

Helgaempen.de

Helgaempen.de

Die responsive Webseite Helgaempen.de ist eine Galerie für Bilder. Mittels dem jQuery Plugin Freewall wurde eine ansprechendes und dynamisches Design erstellt. Mit Hilfe von “Lazy Loading” und einer REST-API können nahe zu beliebig viele Elemente in der Galerie ausgestellt werden. Eingesetzte Technologien: ProcessWire JavaScript JQuery FreeWall CSS

JWiese.eu

JWiese.eu

{{/*In Zeiten von DSGVO und für Datensparsamkeit habe ich mich entschieden, meine Webseite mit Hugo zu erstellen. Hugo rendert die komplette Webseite als statische Seite zu fertigen HTML-Dateien. Diese müssen dann nur noch auf den Webserver synchronisiert werden. Das Plus dabei ist, dass PHP und der ganze andere Schnickschnack dabei abgeschaltet werden können. Im Hintergrund verwende ich zusätzlich Webpack, welches dafür sorgt, dass die Ressourcen, wie CSS und JavaScript, zusammenfasst und ggf.

Phaser  3 - Realtime ligthing

Phaser 3 - Realtime ligthing

One completely new feature of Phaser 3 is the dynamic lighting layer. By adding light sources and marking sprites to receive lights it is possible to light them up. With Phaser 3.6.0 the default rendering path is forward lighting. The deferred lighting path is not ready yet. The shader exists but, somehow the pipeline file is missing(?).

Phaser 3 - Loading screen & asset organization

Phaser 3 - Loading screen & asset organization

The first real thing a user faces is the loading screen, therefore showing a progress bar is essential. The approach of loading the assets and displaying the progress is not much different from Phaser 2. The structure with the two scenes “boot” and “preload” works also for Phaser 3, but the underlying API of the file interaction has been changed a lot. In the following, I’ll show an example, how to organize the assets and to display a simple progress bar.

Phaser 3 - Game configuration

Phaser 3 - Game configuration

Phaser is one of the most powerful 2D engines written in JavaScript. Now with Phaser3 it is even more powerful, but some things have changed. Let’s explore the initialization of a Phaser3 canvas which is very similar to the previous version, but requires now a configuration object.

1