likadev - Amateur Gamedev

i received some good feedback from demo day.

what i'm working on now is replacing the built-in Tiled code with the phaser-tiled plugin. in my testing, it completely fixes the frame rate issues in Firefox caused by moving the camera while importing a Tiled map with multiple layers.

Here's my demo for demo day: https://likadev.github.io/kings-guard-archer-defense/

I added a "skill challenge" mode for the purposes of testing how the archer and enemies move around the map. It's playable from here:

https://likadev.github.io/kings-guard-archer-defense/

The gamepad API seems to break in Phaser.IO when the player switches tabs (at least in Chrome). I had a lot of trouble handling this, especially since Chrome wasn't firing window.onblur or window.onfocus, so I couldn't tell when I needed to reboot the gamepad API.

With the help of this Stack Overflow answer, I'm able to detect visibility changes in all browsers (that I've tested) and correctly reboot the gamepad API so that the gamepad continues to work after a tab switch:

var game = null;

(function () {    var hidden = "hidden";

   // Standards:    if (hidden in document)        document.addEventListener("visibilitychange", onchange);    else if ((hidden = "mozHidden") in document)        document.addEventListener("mozvisibilitychange", onchange);    else if ((hidden = "webkitHidden") in document)        document.addEventListener("webkitvisibilitychange", onchange);    else if ((hidden = "msHidden") in document)        document.addEventListener("msvisibilitychange", onchange);    // IE 9 and lower:    else if ("onfocusin" in document)        document.onfocusin = document.onfocusout = onchange;    // All others:    else        window.onpageshow = window.onpagehide        = window.onfocus = window.onblur = onchange;

   function onchange(evt) {        var v = "visible", h = "hidden",            evtMap = {                focus: v, focusin: v, pageshow: v, blur: h, focusout: h, pagehide: h            };

       evt = evt || window.event;        if (evt.type in evtMap)            document.body.className = evtMap[evt.type];        else            document.body.className = this[hidden] ? "hidden" : "visible";

       if (game) {            if (document.body.className.match(/hidden/)) {                game.input.gamepad.stop();            }            else {                game.input.gamepad.start();            }        }    }

   // set the initial state (but only if browser supports the Page Visibility API)    if (document[hidden] !== undefined)        onchange({ type: document[hidden] ? "blur" : "focus" }); })();

game = new KGAD.Game(640, 640, 'content');

overhauled pathfinding and enemy movement

having fun with mercenaries in the GIF above

progress for the day:

progress for the day:

1) enemies spawn at spawn points, projectile hits enemies, inflicts damage, flashing animation, death animation

initial progress: fire weapon, move around, render Tiled maps, parse darkFunction Editor animations and convert them to a texture atlas that Phaser understands.

I'm beginning work on a new game. It's a 2D top-down HTML5 action/tower defense hybrid. The point of the game is that enemies are coming to kill your king, and it's up to you, the archer, to defend him.

Not much else about the game is clear yet, since it's a brand new concept. I created a github, though: