misc/tower
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Slightly less confusing sprite animation

Browse Source
This commit is contained in:
Ian Gulliver
2021-05-13 05:00:18 +00:00
parent d1bdcf5485
commit b491fbd9fc
5 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
js/sequence_tile.js
View File

@@ -13,21 +13,24 @@ export class SequenceTile extends AnimatableTile {
tile.elem.style.position = 'absolute';
tile.elem.style.top = '0';
tile.elem.style.left = '0';
tile.elem.style.zIndex = `${i}`;
tile.elem.style.opacity = '0.0';
animation = tile.elem.animate([
{
'offset': i * tile_chunk,
'easing': 'step-start',
'offset': 0,
'easing': 'step-end',
'opacity': '0.0',
},
{
'offset': (i + 1) * tile_chunk,
'easing': 'step-start',
'offset': i * tile_chunk,
'easing': 'step-end',
'opacity': '1.0',
},
{
'offset': (i + 1) * tile_chunk,
'opacity': '0.0',
},
], {
'duration': delay * (tiles.length + 1),
'duration': tiles.length * delay,
'iterations': repeat ? Infinity : 1,
});
}