文字アニメーション作成｜WebM録画・HTMLコード生成
入力した短い文字へ5種類のCanvasアニメーションを適用し、速度・文字サイズ・間隔を調整してWebM録画またはHTML/CSSコードとして保存できます。
1. Text Input
動かしたい文字を入力し、アニメーションプリセットを選択します。
2. Customize
スピードやサイズ、文字間の広さをリアルタイムで調整可能です。
3. Record & Save
「録画」ボタンでキャプチャを開始し、停止時にWebM動画として保存します。
Text to Animate
Animation Preset
PAKI PAKI ANIMATION
このツールの使い方・詳細
🛠 使い方
20文字以内のテキストを入力し、5種類のプリセットと速度・サイズ・文字間隔を選んで再生します。録画ボタンは対応ブラウザでCanvasをWebMとして保存し、コードボタンは再現用HTML/CSSを表示します。録画形式や再生可否はブラウザ環境により異なります。
💡 活用シーン・ユースケース
- SNS投稿や動画編集へ使う短いタイトルアニメーションを試作する
- Webページ用の文字演出を比較してHTML/CSSの雛形を取得する