I'm seeking assistance with animating the jewels (refer to the code and jewel image below). While the animation is functional, there seems to be an issue where a "white pic" appears at the end of the animation, disrupting the smoothness. It's as if the picture disappears for a brief moment.
The jewel image:
https://i.sstatic.net/L5XPz.png
JSON data:
{
"frames": [
{
"name": "sprite-00",
"position": {
"x": 0,
"y": 0,
"w": 32,
"h": 32
}
},
{/* Additional frame details */}
]
}
Sprite.js script snippet:
function Sprite(animation, x, y, speed) {
// Implementation details for sprite animation
}
sketch.js script snippet:
// Initialization of variables and setup for sprite animation
Any suggestions on how to resolve this issue?
Looking forward to hearing from you!