MotionLang

スクロール · スクロールで変わる

スクロールで語が点灯滚动逐词点亮

灰色がかった段落が、スクロールに従って一語ずつ霧から抜けて鮮明になります。読んでいる場所だけが照らされます。戻せば後ろの語はまた霧へ戻ります。

ツールでこの項目を開く

使いどころ

ゆっくり読んでほしい導入文、宣言、インタビューに向きます。本文、規約、流し読みする内容には使わないでください。読む速さをこちらが決めてしまいます。

パラメータ

threshold per unit = index / total · past units opacity .22 → 1 and blur 1.6px → 0 · 180ms ease-out · tied to scroll 1:1

レシピ

  1. スクロールで語が点灯 → opacity .22 → 1 @ 180ms ease-out
  2. 条件 threshold per unit = index / total

AI に渡す一文

この段落をスクロールに従って一語ずつ点灯させてください。単位に分割し(中国語・日本語は文字、英語は語)、各单位のしきい値を段落内の位置にします。スクロール進捗がしきい値を越えるたび、その単位を不透明度 .22・blur(1.6px) から 1・0 へ 180ms ease-out で変えます。進捗はスクロール位置に直接結びつけ、戻せば逆再生されるようにしてください。バネは使わないでください。

同じカテゴリの動き