implement animate pulse

master
Peter Babič 3 years ago
parent f2e728e2ca
commit 30376149c4
Signed by: peter.babic
GPG Key ID: 4BB075BC1884BA40
  1. 16
      src/App.svelte

@ -312,6 +312,13 @@
restart() restart()
} }
} }
const animate = i =>
(level == 0 &&
i == 5 &&
circles[i] == C_POLE &&
moveStack.length == 0) ||
circles[i] == C_DEST
</script> </script>
<style lang="postcss"> <style lang="postcss">
@ -364,15 +371,14 @@
</div> </div>
<div class="triangle grid grid-cols-9 grid-rows-5 mb-4"> <div class="triangle grid grid-cols-9 grid-rows-5 mb-4">
{#each circles as type, i} {#each circles as _, i}
{#key circles[i]} {#key circles[i]}
<div <div
class="circle rounded-full cursor-pointer div{i} {type} {getCircleColor(i)}" class="circle rounded-full cursor-pointer div{i} {circles[i]} {getCircleColor(i)}"
class:animate-pulse={animate(i)}
on:click={() => change(i)} on:click={() => change(i)}
in:receive={{ key: i }} in:receive={{ key: i }}
out:send={{ key: i }}> out:send={{ key: i }} />
<!-- {i} -->
</div>
{/key} {/key}
{/each} {/each}
</div> </div>

Loading…
Cancel
Save