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
ts/sequence_tile.ts
View File

@@ -19,24 +19,27 @@ 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,
},
);