I'd like to embed HTML5 games in a website, but I need to be able to detect when the game has ended so I can run some of my own JavaScript.
Looking at the output of some game engines (Construct 2, for example) reveals a nightmare of code that I couldn't hope to tweak so that it fires off an event when done.
How can I detect when a game has ended?
Unless the game or framework offers some sort of API that let's the webpage check on its state, there no easy way to do this. Technically, the game is always "running" even if the player is just sitting in the menu, which is why you would need the game to tell your webpage when the player has completed the level.
I don't see why this is necessarily that difficult to approach. It depends what triggers a "Game Over," but take for example some 2D collision based game, where you loose when you fall out of bounds. You'd have a simple isInBounds() function or something that you could check when running the main which might lead to some gameOver() function when to is false. From there you could reference any of your own javascript you want to.
A really good example of all of this can be found here. It gives a broader tutorial on creating a whole game, but it has a section that deals specifically with a 'gameOver()` event.
If this doesn't answer your question, please tell me.
