☰

CCFOLIA Timer Resize & Auto Position

ココフォリアのタイマーをリサイズ可能にし、初期位置をBGMの下に自動調整します

Jak nainstalovat

K instalaci tototo skriptu si budete muset nainstalovat rozšíření jako Tampermonkey, Greasemonkey nebo Violentmonkey.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Userscripts.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat manažer uživatelských skriptů.

(Už mám manažer uživatelských skriptů, nechte mě ho nainstalovat!)

Jak nainstalovat

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Už mám manažer uživatelských stylů, nechte mě ho nainstalovat!)

Autor
murahito130
Denně instalací
0
Celkem instalací
0
Hodnocení
0 0 0
Verze
5.1
Vytvořeno
27. 11. 2025
Aktualizováno
27. 11. 2025
Size
11,8 KB
Licence
MIT
Spustit na

CCFOLIA Timer Resize & Auto Position

ココフォリア（CCFOLIA）のタイマーパネルをリサイズ可能にし、BGMパネルとの重なりを回避して自動配置するユーザースクリプトです。

🚀 主な機能

  1. タイマーの拡大・縮小（リサイズ）

    • タイマーパネルの右下にリサイズ用のハンドル（斜線グリップ）を追加します。
    • マウスドラッグで直感的にサイズを変更できます（0.5倍〜3.0倍）。
    • 設定したサイズはブラウザに保存され、次回訪問時も維持されます。

  2. 初期位置の自動調整

    • タイマーを表示した際、BGM再生パネル（音量調節バーなど）の下に自動的に移動させます。
    • デフォルト位置で発生しがちな「BGM操作パネルとタイマーが重なって操作しにくい」問題を解消します。

  3. ドラッグ操作の補正

    • 拡大・縮小状態でも、ココフォリア本来のドラッグ移動が正しく動作するように座標計算を自動補正します。

📖 使い方

  1. スクリプトをTampermonkey等の拡張機能にインストールします。
  2. ココフォリアのルームを開きます。
  3. 画面上で右クリックし、「タイマー」を追加します。
  4. リサイズ: タイマーパネルにマウスを乗せると、右下にグリップが表示されます。これをドラッグして大きさを変えられます。
  5. 自動配置: タイマーを新たに追加したり、リロードした際、BGMパネルと重なっている場合は自動的に下にずれて配置されます。

⚠️ 注意事項

  • 推奨ブラウザ: Google Chrome, Microsoft Edge (Chromium系)
    • CSSの zoom プロパティを使用しているため、Chromium系ブラウザで最も安定して動作します。
    • Firefoxでは transform: scale で代用動作しますが、挙動が若干異なる場合があります。
  • ココフォリアの仕様変更により、動作しなくなる可能性があります。

🔄 更新履歴

  • v5.1:
    • BGMパネルの位置検出ロジックを改善しました。
    • ドラッグ移動時の座標ズレ補正（zoom利用時のカーソル追従）を強化しました。
    • コードの最適化と安定性向上。