☰

CCFOLIA Timer Resize & Auto Position

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

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 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利用時のカーソル追従）を強化しました。
    • コードの最適化と安定性向上。