I am currently creating a flappyBird-like HTML5 game using Proccessing.js
You can see current work here: http://files.tips4design.com/flappySlothRelease/
The problem is that even though the FPS is 60+ (or constant) there is an obvious shuttering in rendering.
I have read a lot of game-loop articles to solve this issue, but neither with Processing.js draw loop, browser's requestAnimFrame nor constant delta-time the problem was solved.
Now I use the variable deltaTime approach and Processing.js default draw()
loop.
delta = now - lastTime;
...
position = position + velocity * delta
I have been stuck for two days with this problem, and ca not really figure out how to fix the shuttering.
Any help would be greatly appreciated!
Thank you!