Hi,
I was wondering if someone had experienced slight differences in "offsets" using sprite2D texture and wether it might be related to caching.
As an example I have a fairly small texture of 16*16 here in svg, but i tried also using png, same problem.
That's the begining of the sprite texture zoomed in 4800%
When using it in chrome with a code like this:
const crossSheet = taskObject.cloneAssetIntoScene(R.get.crossSheet, scene)
crossSheet.hasAlpha = false
const cross = new BABYLON.Sprite2D(crossSheet, {
parent: canvas,
id: 'cross',
marginAlignment: 'v: center, h: center',
spriteSize: new BABYLON.Size(16, 16),
spriteLocation: new BABYLON.Vector2(0, 0),
})
cross.spriteFrame = R.get.cross_predict
The texture is at the center of the screen here, in chrome the top misses 0.5px
In Safari there is a difference in colors and width of strokes:
If now I am using a 16,17 sprite size i get a correct sprite in chrome:
But somehow it is seems worst in safari:
Any clue ? Do you think it is related to the caching strategy ? @Nockawa
Here is the link to the texture:
https://drive.google.com/open?id=0BxggOFF8_iXkb3JRRjg0YkJtRzQ
Here is a playground, on the playground it is the BOTTOM 0.5px that get cutoff..
http://babylonjs-playground.com/#20MSFF#64