Canvas renderer does not work on chrome OS.

[moleCuleFFF]

jurassicworldevolution.com/research -> example

[giniedp]

i dont have a chrome OS device to test with but will install a virtual box image later today.

[moleCuleFFF]

Let me know if you need any more info about the source code as the JS is minified and compressed.

[giniedp]

Can you give me some more details about the device and the chrome OS version?

I have downloaded the chromium browser, and it seems to work. It might take me a while to get a proper virtual box image.

[moleCuleFFF]

So it works absolutely fine on all versions of chrome except across the board on android as far as I can tell. It also works if you set the renderer to image but for various reasons I require the canvas renderer.
It seems to reproduce the same issue if you don't tell spritesmith about the framesX.

[moleCuleFFF]

It appears that the canvasRatio is not being set correctly.
On chrome android it is set at 4. Everywhere else it is 2.625

[giniedp]

which version of spritespin do you use? There has been an issue with hi def canvas which i had fixed recently
82d0628

[giniedp]

looking through the sourcecode on the page it seems you have an older version of spritespin. Please try a recent version which you can get here

http://unpkg.com/[email protected]/release/spritespin.js

or via NPM

npm install spritespin

The examples from the website do work under android

http://spritespin.ginie.eu/samples/#/basics-basics

[moleCuleFFF]

I'll try updating thanks m8, am using yarn so the lock file may well be out of date.

[moleCuleFFF]

Updated and still getting the same issue although feeling it's to do with spritespin being instantiated to early and not yet knowing the dimensions of it's wrapper. Going to close this issue as your demo's seem to work on chrome 4 android.

[giniedp]

i see you use pretty large spritesheets. Maybe it is related to #42
May i use one of your images to investigate the issue isolated from the website you are working on?

[giniedp]

i assume this has something to do with the maximum texture size of a device.

check this site to detect the limitation on your device GPU
https://www.khronos.org/registry/webgl/conformance-suites/1.0.2/conformance/limits/gl-max-texture-dimensions.html

SpriteSpin seems to do correct calculations, but as soon as it gets to the HTMLCanvas.drawImage then the drawing is simply not correct, the image seems to be downscaled.

The Canvas element on Chrome is GPU accelerated so a call to HTMLCanvas.drawImage hits that GPU limit. However, this is all speculation since i can not find a proper documentation (right now)

You could split your sprite sheet into several sprite sheets. All spritespin parameters wont change, except the source, there you have to put an array of urls.

[giniedp]

the solution i mentioned is not functional yet (multiple sprite sheets), but i am working on it

[giniedp]

closed in favor of #43