Canvas question.
For a test for a possible new job I have to do animations which I've never done.
It's a car on a road, if you press a button the wheels will slightly move causing the car to speed up. These wheels are 11 images, which have to be shown in about 150ms and it has to look fluid with no hiccups.
Now they obviously did advice me to google and I've been searching my ass off for 3 days, found a few solutions but none of them really work. I'm having a few issues which I just can't find or figure out a fix for...
Edit: In case you wonder, yes I told them I have no experience with this. They want to see how far I can get which includes asking in forums if needed.
It's a car on a road, if you press a button the wheels will slightly move causing the car to speed up. These wheels are 11 images, which have to be shown in about 150ms and it has to look fluid with no hiccups.
Now they obviously did advice me to google and I've been searching my ass off for 3 days, found a few solutions but none of them really work. I'm having a few issues which I just can't find or figure out a fix for...
- I tried rendering 11 images with position absolute, having only the first on opacity 1 and the rest on 0. This works, but I am not too keen on rendering 11 images at the same time and having 10 hidden.
- I've now been trying this with canvas, but I am not sure where to go from here. All examples I see has every 'animation frame' stitched together to one big image. Also the documentation on this is confusing as hell and pretty bad..
Edit: In case you wonder, yes I told them I have no experience with this. They want to see how far I can get which includes asking in forums if needed.
