某DVDロゴ風スクリーンセーバー

某DVDロゴ風スクリーンセーバーについて

任意のPNG画像やテキストをアップロードして、懐かしのDVDロゴのように壁で跳ね返るスクリーンセーバーを楽しめます。画像の色を変えたり、背景をカスタマイズしたり、自由にカスタマイズできます。

主な機能

表示内容

• 画像モード: お好きなPNG画像を使用可能（未選択でもDVDプレースホルダで動作）
• テキストモード: 任意のテキストを跳ね返らせることができます
  • フォント選択（ゴシック、明朝、等幅など）
  • サイズ調整（10〜500pt）
  • テキスト色のカスタマイズ
  • 太字・斜体の設定
  • テキスト揃え（左・中央・右）

背景図形

• 図形の追加: 画像やテキストの背景に図形を追加
  • 四角、円、楕円、角丸四角から選択
  • 図形色のカスタマイズ
  • 余白の調整
  • 透明度の調整

背景カスタマイズ

• 単色背景: RGB値で自由に設定
• 画像背景: 任意の画像を背景に設定
• 動画背景: 動画を背景に設定（ループ再生）
• 透明度調整: 背景の透明度を調整可能

色モード

• 元の色味: 画像の元の色をそのまま表示
• 特定色に変換: 指定した色に変換（陰影付き）
• 跳ね返るたびに色が変わる: ランダムな色に変化
• 虹色に時間変化: 時間経過で虹色に変化

その他の機能

• サイズ調整: スライダーで簡単にサイズ変更
• 速度調整: 跳ね返る速度を調整
• 全画面表示: 再生ボタンで全画面モードに
• UIの畳み込み: 邪魔にならないよう非表示可能

使い方

基本操作

1. 表示内容を選択

   • 画像モード: PNG画像を選択（未選択でもOK）
   • テキストモード: テキストを入力し、フォントやサイズを調整

2. 背景を設定

   • 単色: RGB値で色を指定
   • 画像: 背景画像を選択
   • 動画: 背景動画を選択

3. 色モードを選択

   • 元の色味、特定色、跳ね返るたびに変化、虹色から選択

4. サイズと速度を調整

   • スライダーで好みのサイズと速度に調整

5. 再生

   • 「再生」ボタンで全画面表示（拒否するとウィンドウ表示）

詳細設定

テキストモードの設定

• フォント: システムフォント、Times New Roman、Courier Newなどから選択
• サイズ: 10〜500ptの範囲で調整
• 色: カラーピッカーまたはプリセットから選択
• 太字・斜体: チェックボックスで設定
• 揃え: 左揃え、中央揃え、右揃えから選択

背景図形の設定

• 図形タイプ: 四角、円、楕円、角丸四角から選択
• 図形色: カラーピッカーまたはプリセットから選択
• 余白: 0〜100pxの範囲で調整
• 透明度: 0〜1の範囲で調整
• 角丸半径: 角丸四角の場合、0〜50pxの範囲で調整

背景の設定

• 単色: RGB値で細かく調整可能
• 画像: 任意の画像を背景に設定し、透明度を調整
• 動画: 動画を背景に設定し、透明度を調整（自動ループ再生）

色モードの詳細

• 元の色味: 画像の元の色をそのまま表示
• 特定色に変換: 指定した色に変換し、元の濃淡を保持
  • 濃淡の強さを調整可能（0.0=単色、1.0=元の濃淡を完全保持）
• 跳ね返るたびに色が変わる: 壁に当たるたびにランダムな色に変化
• 虹色に時間変化: 時間経過で虹色に滑らかに変化

キーボード操作

• スペースキー: 再生/一時停止
• Escキー: 一時停止（全画面解除）
• キャンバスクリック: UIの表示/非表示を切り替え

ボタン操作

• ▶ 再生: 全画面表示で再生開始
• 🔄 位置リセット: ロゴの位置を中央にリセット
• ⚙️ 全パラメーターリセット: すべての設定を初期値に戻す
• ← 前のページに戻る: ブラウザの戻るボタン
• 🏠 TOPページ: サイトのトップページに移動

活用シーン

• スクリーンセーバー: PCやディスプレイのスクリーンセーバーとして
• イベント演出: イベントやパーティーの演出として
• 配信背景: 配信の待機画面や背景として
• デジタルサイネージ: 店舗やイベント会場のデジタルサイネージとして
• エンターテイメント: 懐かしのDVDロゴを再現して楽しむ

注意事項

• 再生開始時に全画面表示を要求しますが、拒否するとウィンドウ表示のまま動作します
• 再生中はUIが自動的に非表示になり、一時停止でUIが表示されます
• 背景動画は自動的にループ再生されます
• 画像や動画のファイルサイズが大きいと、読み込みに時間がかかる場合があります

対応環境

• モダンブラウザ（Chrome、Firefox、Safari、Edge）
• デスクトップ、タブレット、スマートフォン
• 全画面表示対応

お気に入りのロゴやキャラクター画像、テキストで、オリジナルのスクリーンセーバーをお楽しみください！