🇯🇵 日本語のドキュメントを表示 (Click to expand)
Galactic Cat Focus は、宇宙をテーマにした、究極の集中力を引き出すためのポモドーロ・タイマーアプリです。 心地よい環境音楽と宇宙のような美しいビジュアルで、日々の雑音から解放され、作業に没頭しましょう。
時間の経過を視覚的に表現します。退屈なカウントダウン表示の代わりに、リング内の「宇宙の水」が波のアニメーションとともに少しずつ減っていく様子を楽しめます。
同じ音楽ファイル（MP3）の繰り返しではありません。ブラウザ上でリアルタイムに環境音を合成する Web Audio API を使用しています。毎回異なる音色が奏でられるため、聞き飽きることがありません。
宇宙の無重力空間でリラックスしましょう。「ちるコーナー」では、コーヒーや本、音符などのアイテムがふわふわと漂い、心落ち着く雰囲気を演出します。
- カスタムカーソル: 滑らかな動きで追従する、洗練された丸いカーソルを採用。
- 心地よい操作音: ボタンを押すたびに、耳に優しい合成効果音が鳴ります。
- HTML5: 適切な骨組み構造
- CSS3: モダンなCSS変数、ガラスのような質感（ガラスモルフィズム）、キーフレームアニメーション
- JavaScript (ES6+): フレームワークを使わず、軽量で高速に動作するシンプルなプログラム
- アイコンライブラリ: 美しくシンプルな Lucide アイコンを使用
- 起動: お使いのブラウザで
index.htmlを開きます。 - スタート: START MISSION ボタンを押すと、25分間の集中タイマーが始まります。
- 音の調整: スピーカーのアイコン をクリックすると、宇宙の環境音楽のON/OFFを切り替えられます。
- 終了: タイマーがゼロになると優しいアラームが鳴り、自動的に「休憩モード」（緑を基調とした画面）に切り替わります。
すべての猫好きと、宇宙の冒険者に愛を込めて。
🇺🇸 Show English Document (Click to expand)
Galactic Cat Focus is a space-themed Pomodoro timer designed to induce ultimate concentration. Escape the gravity of distractions and float into a zone of productivity with ambient soundscapes and immersive visuals.
A visual representation of time passing. Instead of a boring countdown, watch as the "cosmic water" level within the ring slowly depletes, powered by a custom wave animation.
No looped MP3s here. The application uses the Web Audio API to generate real-time ambient soundscapes directly in your browser. Every session provides a unique sonic experience, ensuring you never get tired of the background noise.
Relax in zero gravity. The "Chill Corner" features floating elements like coffee, books, and music notes that drift aimlessly in the vacuum of space, adding to the relaxing atmosphere.
- Custom Cursor: A ring-and-dot cursor that follows your movement with smooth inertia.
- Satisfying feedback: Every interaction is accompanied by subtle, synthesized sound effects.
- HTML5: Semantic structure.
- CSS3: Modern CSS variables, glassmorphism effects, and keyframe animations.
- Vanilla JavaScript: Built with ES6+ classes. No heavy frameworks—just pure, performant code.
-
*External Dependency*: [Lucide](https://lucide.dev/) for beautiful, lightweight icons.
- Launch: Open
index.htmlin any modern web browser. - Start: Click the START MISSION button to begin a 25-minute focus session.
- Ambience: Click the Volume Icon to toggle the generative ambient music.
- Flow: When the timer reaches zero, a gentle alarm will sound, and the interface will automatically switch to "Break Mode" (Green Theme).
Designed & Coded with 💜 for Cat Lovers and Space Explorers.