mjhasbach / ceros-snake Goto Github PK

I'm having trouble reproducing this issue. It has happened a few times in Chrome.

This issue could potentially be resolved by #7.

Code

https://github.com/konvajs/konva

The menu options can be briefly seen transitioning from unformatted text to icons after the loading screen begins to fade out. I have tried a timeout function on assets.waitForAsync()'s callback, manually drawing the menu shapes, layer, and stage after assets.waitForAsync()'s callback, and a .start() / .stop() of menu.animation. Those attempts were all somewhat redundant, as transitionListener() in events.js already draws the layer after adding it to the stage.

This bug was not present prior to transitioning to RequireJS and RequireJS plugins. I have checked the documented example in the RequireJS plugins repo, and my web font configuration appears to be correct. In addition, I have tried the "wf-loading" CSS trick seen in the example to no avail.

That being said, I believe this might have to do with the menu shapes being generated and added to the layer prior to the web fonts being loaded. One potential solution might be deferring the menu module's initialization until after assets.waitForAsync().

To reproduce, while travelling right, quickly queue the following movements: up, right, left.

The snake needs to be at least three segments long for the collision to occur.

game.snake.direction.currentIsNotOppositeOf will need to be refactored into something like game.snake.direction.currentOrLastQueuedIsNotOppositeOf