R
R
Roman Yakimchuk2015-12-25 10:55:48
JavaScript
Roman Yakimchuk, 2015-12-25 10:55:48

Is it possible to make 60fps animation on canvas on mobile?

Good afternoon.
The canvas is used to animate one small black rectangle that "rides" from corner to corner. There are almost no extra background calculations. There are jerks during the animation.
I see 60fps in applications (including games), but I'm sure they were written without Web View.
How to achieve 60fps on mobile devices? The question is not in the code, but in the tools, or even the programming language.
I think that from JavaScript you can try tools that forward the native API and allow you to work with the canvas through JS, but in fact the canvas will work as a link to the native functions of the mobile device (for example, https://github.com/phonegap/phonegap-plugin- fast c...

Answer the question

In order to leave comments, you need to log in

4 answer(s)
A
Alexander Taratin, 2015-12-25
@Taraflex

used to animate one small black rectangle that "rides" from corner to corner.

Use css3 animations

R
Roman Yakimchuk, 2015-12-25
@yakimchuk-ry

Found the answer: mobile devices do not work well with the 2D context canvas. The WebGL context outputs 60fps without a hitch.
JavaScript Solution: Pixi.js, Three.js

N
Nicholas, 2015-12-25
@ACCNCC

3d game on cordova produces 67fps on a simple phone with 1gb momery

T
toaster khabrovich, 2015-12-25
@studententer

are you using requestanimationframe?

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question