MotionLang

ディテールと演出 · 仕上げの小技

タイプライター打字机

文字が 1 文字ずつ現れ、誰かがその場で入力しているように見えます。後ろでカーソルが点滅します。

ツールでこの項目を開く

使いどころ

AI の回答・ターミナル出力・冒頭のコピーに使います。本文や流し読みする内容には使わないでください。読むのが遅くなります。

パラメータ

per character 40ms · via steps() · caret 1s blinks · no line-height change

レシピ

  1. 各文字 40ms
  2. キャレット 1s 点滅
  3. タイプライター → via steps() · no line-height change

AI に渡す一文

タイプライター効果を作ってください。40ms ごとに 1 文字ずつ表示し steps() で実装、末尾のカーソルは 1s で点滅、表示中に行の高さが変わらないようにします。

同じカテゴリの動き