# Cursor Gravity: ボタン登場アニメーション

角の丸い三角形のカーソルが、弾力のある抵抗を受けながら画面の端からボタンを引き出し、中央に落ち着かせます。 動画エフェクト。Claude用コードをコピーするか、Subclipで編集できます。

Canonical URL: https://www.subclip.app/ja/motion-graphics-templates/remotion/cursor-gravity

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-cursor-gravity.mp4?v=8410cfda3a

カーソルが画面の端でボタンをつかみ、弾むように何度か引っ張ると、ボタンが外れて中央に落ち着きます。

- フレームワーク: Remotion
- カテゴリ: エフェクト
- 再生時間: 6秒
- アスペクト比: 16:9 横向き
- コード: コードを取得（無料ログイン）：https://www.subclip.app/ja/motion-graphics-templates/remotion/cursor-gravity

鮮やかな紫の背景に、クリーム色の三角形のカーソルが下から上がってきて、隠れているボタンの右端をつかみます。2回引っ張るたびにボタンはゴムのように伸びては戻り、最後のひと引きで外れると後ろ側の端が内側に跳ね返ります。カーソルは下へ去り、クリーム色の「Create something」ボタンが中央に落ち着きます。約6秒で再生されます。

ボタンのラベル、弾力の強さ、カーソル・ボタン・文字・背景の色に加えて、再生速度とシーン周りの背景も変更できます。行動喚起、アプリ機能のお披露目、遊び心のある製品イントロ、動画の最後の登録の呼びかけに使えます。

## 活用例

- 行動喚起
- アプリ機能のお披露目
- 遊び心のある製品イントロ
- 動画の最後の登録の呼びかけ

## 変更できる項目

- `speed`: 再生速度 (数値)
- `label`: ボタンラベル (テキスト)
- `tension`: 張力 (数値)
- `cursorColor`: カーソルの色 (色)
- `color`: ボタンの色 (色)
- `textColor`: 文字の色 (色)
- `backgroundColor`: 背景色 (色)
- `stageBackground`: 現場の背景 (テキスト)

## このテンプレートの使用方法

1. Mac または Windows 用の Subclip をダウンロードします。このページのすべてのテンプレートはプリインストールされています。
2. [テンプレート]パネルを開き、[Cursor Gravity]を選択してタイムラインにドロップします。
3. レイヤー設定のテキスト、色、タイミングを変更するか、AI エージェントに編集を依頼します。
4. ビデオをエクスポートするか、コードをダウンロードして独自のプロジェクトでテンプレートを使用します。

remocnのCursor Gravityをベースに作成: https://remocn.dev