☰

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