Convert a Sprite into Base-64

[botoman]

Hi,
Do you know if it's possibile to convert a Sprite or a Texture into Base-64 format in Panda?

E.g.
 

//var image = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gcKEAkwofgEyAAAApJJREFUSMe1Vj1rKkEUnRk1loYVFtIFxEIWRANB7IKNCBYWsYliYam/wEDyCwIRIVjaKEEt0iSghdgsUcg2Spr41UkiuySYkMKNmU0xvH378vJ2d9R3qnXWuefunXPPHagoCvifQOb/+vLysrOzw3Hcx8cHBYNiDrIsb29vI4QQQi6XSzENswTBYBD9AoTw6OhokwTFYhEAgDQAADSbTTN7oeEhL5dLm81GgmrhcDien583cMi5XA5C+OOZX1xcGG43/gIIIUkfY/w7L4QAAAzDiKK41heUy2XygDGuVqukrPl8npBJknR7e7uWTCORCJHN6empoijpdPr4+FhRlEQiQU47k8mspSJVM+12u1KpkJzu7+9LpRIplGFP6JVIFEW17v1+PxqN7u7uBgIBjuN6vR4hHo/Hq5eo2+2q8t/a2hoOh2Sd53l1HQAwm810glh1uF9fX7Xd4Ha7PR7PYrGYTCbatpjP5yzL/iuIHoHV+sdbhNDDw4Oq0W+SpS6RIAh2ux0ZwWKxOByO0WhEp6Krq6tv5qMPAADP82a9SJZlkjvVYIEQLpdLU51cq9VWmFyfn5+NRsMUwfv7+2rTUas6PYL9/f3VCHw+n1k3VR3UPDDGP4ZChrlgjP1+v9aryeLe3p520ev1Utj1wcGBGiibzQqCMBgMYrEYwzAsyyYSicfHx7u7u1QqpXIEg0GKRru5uSFvC4WCvlmenZ2pk4POri8vLzudDnk+Pz+Px+OtVksUxaenp+vr63A4XK/XVe8rFotr3SqSyeTf/nNycmJmr5WqV8n0p7ptIpMSdDqdfr+f/AyFQgihb7pa6+o4n8/f3t7U+T6dTiVJWiwWm7w6Evh8vsPDQ6otkKqgGGPaDv8CndB2NBjOv0gAAAAASUVORK5CYII=';

We need it for Facebook Instant Games Update Async.

Thanks
Alessio

 

[enpu]

Hi @botoman

Yes that should be possible. You would have to first create empty canvas element and draw your sprite's texture into it, then convert it into Data URI.

var sprite = new game.Sprite('panda.png');

var canvas = document.createElement('canvas');
canvas.width = sprite.width;
canvas.height = sprite.height;

var context = canvas.getContext('2d');
context.drawImage(sprite.texture.baseTexture.source, 0, 0);

var data = canvas.toDataURL();

To create Sprite from Data URI you can just pass it as a parameter:

var sprite2 = new game.Sprite(data);

 

[botoman]

Thanks you so much @enpu

That was just what I was looking for!

Alex