☰

Greasy Fork 还支持 简体中文。

CCFOLIA Timer Resize & Auto Position

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

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

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

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

作者
murahito130
今日安裝
0
安裝總數
0
評價
0 0 0
版本
5.1
建立日期
2025-11-27
更新日期
2025-11-27
尺寸
11.8 KB
授權條款
MIT
腳本執行於

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利用時のカーソル追従）を強化しました。
    • コードの最適化と安定性向上。