likadev - Amateur Gamedev

I'm an amateur game developer working on projects for fun.

[likadev]

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.

part of that process is switching from arcade physics to p2 physics. it's a little buggy right now.

[likadev]

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

Implemented most of the backend for purchasing mercenaries and placing them.

[likadev]

progress for the night: i put in most of the backend code for organizing the game into a "build" phase and a "defense" phase. during the "prepare your defense" phase, players will be able to spend gold on mercenaries, traps, upgrades, etc. to use in the next wave

[likadev]

added health bars (gif)

[likadev]

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/

It's very buggy, but the latest version of the game is always playable from here, so it will improve with time hopefully.

[likadev]

Handling tab switching in Phaser.IO

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');

Next step: figure out why FireFox dpad doesn't work

[likadev]

overhauled pathfinding and enemy movement

having fun with mercenaries in the GIF above

next up: movement for mercenaries

[likadev]

getting started with pathfinding, rerouting around obstacles

[likadev]

progress for the day:

cleaned up code a bit, added ability for the hero to charge his attack. it's not clear how charging will be implemented in the final game. for now, it speeds up the arrow and does additional damage based on how long it's charged.

[likadev]

progress for the day:

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

2) testing enemies spawning and facing a certain direction based on their angle from the king

[likadev]

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

dragon warrior programmer art

[likadev]

In development: King's Guard: Archer Defense

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:

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