Markiert: HTML5 Games

Phaser 043 – Swap, Ebenen tauschen

Manchmal ist es nötig die Anordnung von Bildern zu tauschen. Bei Inkskape auch bekannt unter Anheben & Absenken. Am Beispiel von verschieden farbigen T-Shirts mit einem Logo, demonstriere ich, eine Möglichkeit, wie es gehen...

Phaser 033 – Scrolling Background

Einen Hintergrund endlos scrollen zu lassen ist ein recht brauchbarer Effekt. In diesem Beispiel habe ich dazu nur jeweils eine Zeile in den functionen preload() und der function create() und der function update ()....

Phaser 029 – Sound, Background Sound

Natürlich braucht ein Game (meistens) eine Hintergrundmusik, oder Geräusche wie Jungle-Sounds. In der Regel sind das mehr oder weniger lange Musik Schnipsel, oder passende atmosphärische Sounds die in einer Endlosschleife (in einem Loop) ablaufen....

Phaser 027 – Score, Punktestand anzeigen

Was kann es schöneres geben als Items zu kassieren, sie zu löschen und im Spiel als Textanzeige erscheinen zu lassen! Die Zutaten dafür sind neue, zusätzliche Variablen und einige weitere, unscheinbare Zeilen im Script....

Phaser 026 – Fullscreen für alle …Bildschirme

Ab jetzt wird sich die Welt für immer verändern! Gemeint ist natürlich die Spielewelt. Bisher wurden die Spielfeldgrößen per Pixelangaben definiert. Ab jetzt wird alles im Fullscreen-Format erstrahlen! Alles andere wäre doch reine Platzverschwendung....

Phaser 025 – Text Style, anzeigen & fixieren

Zum allgemeinen Verständnis gibt es hier drei Beispiele für Text. Eine simple Textanzeige. Dann ein formatierter Text und zuletzt ein Text, an die Kamera geheftet, damit z.B. eine Punkteanzeige nicht aus dem Bild scrollt....

Phaser 024 – Coins & Items kassieren

Es geht ans Gold sammeln. Das in Games sehr begehrte Mineral wird jetzt, bei Berührung mit dem Raumgleiter, vom Bildschirm gelöscht. Phaser bringt dazu einen Befehl mit. Ich biete hier eine extra minimalistische Lösung....

Phaser 023 – Items mit Group & UFO Flug

Am Beispiel der Goldmünze zeige ich ein weiteres Mal in ansprechender Optik, wie eine Gruppe von Animationen erzeugt und einem Game hinzufügt wird. Die Münzen liegen in horizontaler Richtung aus und drehen sich zusätzlich....

Phaser 021 – Animation in der Praxis 1/2 (Loop)

Hier soll sich ein klassisches Item, die berühmte Goldmünze, ununterbrochen im Loop um die eigene Achse drehen. Genutzt wir ein Spritesheet, das über wenige Script-Zeilen gesteuert wird. Eine klassische Game Animation mit allen Basics....

Phaser 020 – Animation Anleitung

Manche Itmes machen gerne durch Bewegungen und Animationen auf sich aufmerksam. Goldmünzen in Games zum Beispiel drehen sich klassischerweise um die eigene Achse, andere Items hüpfen. Das soll nun auch in Phaser realisiert werden....

Translate »