gsap ノック

2024-03-01

前回の投稿で明日動かす、といいつつ1ヶ月くらいたってしまった。忙殺されつつも、といった感じ。

前段が前回も抜けていたけれどSvelteの記事です。

ざっくりと調べた感じ無理そうだった、ディレクティブに関数を与えることは当たり前だけどできる。

 on:click={clickevent}

みたいなやつ。

 function Animation (elem) {
    gsap.to(elem, {
      duration: 14,
      ease: "none",
      repeat: -1,
      rotation: 360,
    })
 }

前回書いたelemの部分をDOMbindできない気がざっくりとするのだけれどどうなのだろう。

たとえば

<script>

 function movingText (node) {
    gsap.to(node, {
      duration: 14,
      ease: "none",
      repeat: -1,
      rotation: 360,
    })  
 }
</script>
<p bind:this={movingText}>move text </p>

みたいなのを書いて、movingTextが画面に入ったら発火する、みたいなのを考えていたんだけれど。

んー、