One of the popular game on Android devices and maybe the other mobiles is Runners. Like Temple runner, Train(subway) runner etc. I had a fun playing those games. The main mechanic is so easy that even a kid can play it without doubt. 
Since I didnt started to make a 3d games yet, I've decided to continue developing in 2d. I think the love to 2d games came from my chilhood when at the age of 7 I've got my first Famicom clone (Dendy) and started to play Mario, Duck Hunt, Chip&Dale, Darkwing duck and other good titles.
So my idea was to make a 2d runner like game. At first I thought it would be great to make an infinite runner but it's much interesting when there is some goal which should be reached.

Run 4 Ketchup 16rom.com

There are 3 levels of platforms, double jumps to reach platforms at the top, and up-down swipe do fall from current platform.
One of the problems that I've faced is the motions from previous game "Alien Jump". Motions were depend by the time value and in case of Pause it was not working at all. So good idea is to calculate all movements in case of frames or duration of them and have an array with velocities.
I found another issue with html5 canvas - it's skipped frames. This is visible on my laptop and mobile device. I've spent a lot of time trying to solve this issue. My first thought was to move from 2d context to webgl, like Pixi.js does. And I found cool library which translate 2d methods to webgl canvas. But it works the same. I've places 2 canvas on the page and provide the same methods for both of them and they image sitll stuck on two canvases simmulateously. No solution in this case was found. The issue can be checked on the last 10 level of the game.
As I understood it's a long story bug from 2014-2015 years. 
https://bugs.chromium.org/p/chromium/issues/detail?id=422000
On this page you can see that sometimes there is not smooth animation on 60fps line
https://www.testufo.com/

Anyway, this issue is not permanent and do not bother gameplay.
https://16rom.com/en/game/run-4-ketchup
https://play.google.com/store/apps/details?id=com.onesixrom.run4ketchup

Add new comment

The content of this field is kept private and will not be shown publicly.
  • No HTML tags allowed.
  .o8                    ooooooo  ooooo                             .ooo   
"888 `8888 d8' .88'
888oooo. .oooooooo Y888..8P oo.ooooo. .oooo. d88'
d88' `88b 888' `88b `8888' 888' `88b `P )88b d888P"Ybo.
888 888 888 888 .8PY888. 888 888 .oP"888 Y88[ ]88
888 888 `88bod8P' d8' `888b 888 888 d8( 888 `Y88 88P
`Y8bod8P' `8oooooo. o888o o88888o 888bod8P' `Y888""8o `88bod8'
d" YD 888
"Y88888P' o888o
Enter the code depicted in ASCII art style.