スクロールテキスト

デバイスフォントを取得
スクロール方向
エリアをクリックしてフルスクリーンモードを切り替え
概要
Generated by AI

高度にカスタマイズ可能なスクロールテキスト表示効果を作成できます。複数のスクロール方向、カスタムスタイル、フルスクリーン表示に対応し、プレゼンテーション、広告、会議などのシーンに適しています。

主な機能

スクロール方向

6種類のスクロール効果を提供します。

  • 左から右: テキストが左側からスクロールイン、右側からスクロールアウト
  • 右から左: テキストが右側からスクロールイン、左側からスクロールアウト
  • 左右往復: テキストが左右の端で跳ね返る
  • 上から下: テキストが上部からスクロールイン、下部からスクロールアウト
  • 下から上: テキストが下部からスクロールイン、上部からスクロールアウト
  • 上下往復: テキストが上下の端で跳ね返る

スタイルのカスタマイズ

完全な視覚制御オプション:

  • テキストカラー: 任意の色を自由に選択
  • 背景色: 表示エリアの背景を設定
  • フォントサイズ: 12-500ピクセルで調整可能
  • フォント選択: システムにインストールされているすべてのフォントに対応
  • スクロール速度: 0.1-3.0倍速で精密制御

高度な機能

  • 高コントラストモード: テキストの明るさとコントラストを強化し、明るい環境でもクリアに表示
  • フルスクリーン表示: プレビューエリアをクリックしてフルスクリーンに入る/出る、大画面表示に適しています

使用方法

  1. テキストボックスに表示したい内容を入力します
  2. テキストと背景の色を選択します
  3. フォントサイズとスクロール速度を調整します
  4. 「デバイスフォントを取得」をクリックしてシステムフォントを選択します(オプション)
  5. スクロール方向を選択します
  6. 必要に応じて高コントラストモードを有効にします
  7. プレビューエリアをクリックしてフルスクリーン表示にします

使用シーン

商業展示

  • ショッピングモールのプロモーション情報のスクロール再生
  • 展示会イベントの宣伝表示
  • 店舗の電子看板
  • ショーウィンドウ広告の循環表示

会議プレゼンテーション

  • 会議の重要な注意事項の表示
  • スピーチ字幕のスクロール
  • イベントアジェンダのリマインダー
  • ウェルカムメッセージの表示

メディア制作

  • ライブストリーム配信のスクロール字幕
  • ビデオオープニングテキストエフェクト
  • ニューステロップ
  • ステージ背景テキスト

公共情報

  • 掲示板のスクロール通知
  • 温かいヒントの表示
  • ビル情報スクリーン
  • 交通情報の表示

設定詳細

フォント選択

「デバイスフォントを取得」をクリックすると、システムにインストールされているすべてのフォントを読み取ることができます。適切なフォントを選択することで、テキストをより個性的にできます。

注意: 一部のブラウザはフォントアクセスAPIをサポートしていない場合があります。その場合は、デフォルトで提供される一般的なフォントを使用できます。

速度調整

速度値が大きいほど、スクロールが速くなります。シーンに応じた調整を推奨します。

  • 短いテキスト: 2.0-3.0の高速スクロール
  • 重要な情報: 0.5-1.5のゆっくり表示
  • 長いテキスト: 1.0-2.0の適度な速度

高コントラストモード

有効にするとテキストの表示効果が強化され、特に以下のシーンに適しています。

  • 明るい屋外環境
  • 強い光が当たる表示スクリーン
  • テキストを目立たせる必要があるシーン
  • 遠距離から見る場合

フルスクリーンモード

プレビューエリアをクリックしてフルスクリーンに入り、ESCキーまたは再度クリックして退出します。フルスクリーンモードは特に以下に適しています。

  • 大画面プロジェクション表示
  • ステージ背景表示
  • 展示会表示スクリーン
  • 公共情報スクリーン

使用のヒント

  • 正式な表示前にすべてのパラメータを調整することを推奨します
  • フルスクリーン前にすべての設定が期待通りであることを確認してください
  • 長いテキストには読みやすい遅い速度を使用してください
  • 環境光に応じて色とコントラストを調整してください
  • 異なるフォントをテストして最適な表示効果を見つけてください

技術特性

  • 完全にブラウザベースで実行
  • カスタムシステムフォントに対応
  • 滑らかなアニメーション遷移効果
  • リアルタイムプレビューで調整結果を確認
  • レスポンシブフルスクリーン対応

注意事項

  • フルスクリーンモードはユーザーが手動でトリガーする必要があり、ブラウザは自動フルスクリーンを許可しません
  • フォントアクセス機能はブラウザがLocal Font Access APIをサポートしている必要があります
  • デバイスフォントを取得できない場合は、デフォルトのフォントリストを使用できます
  • 最適な効果を得るために、最新のブラウザの使用を推奨します
もっと見る