Time Space Visualizer Sakura
ユーザーマニュアル
このマニュアルは「Time Space Visualizer Sakura」の操作方法と設定について説明します。このアプリケーションは時計としての機能だけでなく、「時間」という概念を視覚的に表現する芸術作品として設計されています。時間の流れを美しい視覚表現で体験するために、設定セクションに特に注目してください。
目次
- はじめに
- 使い始める
- インターフェース概要
- 設定
- 主な機能
- ショートカットキー
- トラブルシューティング
- アプリのコンセプト
- 芸術作品としての鑑賞ガイド
1. はじめに
Time Space Visualizer Sakuraは、時間と空間を美しく視覚化する3Dアプリケーションです。さまざまな時計表示と視覚効果を組み合わせ、カスタマイズ可能なカメラワークで、時間の流れを芸術的に表現します。
本アプリケーションは次の主要技術を使用しています:
- Three.js - 3D描画
- WebGL - グラフィックスレンダリング
- JavaScript (ES6+) - アプリケーションロジック
- Electron - クロスプラットフォームデスクトップアプリケーション
2. 使い始める
アプリケーションを起動すると、デフォルトの時計とカメラワークで表示されます。マウスを使って以下の操作ができます:
- 回転:左クリックドラッグ
- ズーム:マウスホイールを回転
- ダブルクリック:時計の正面にカメラを自動的に移動
- 設定を開く:右上のハート(♥)アイコンをクリック
ダブルクリック機能は、どのようなカメラ位置からでも素早く時計の正面に戻る方法を提供します。カメラが時計から離れてしまった場合や、視点が分からなくなった場合に特に便利です。
3. インターフェース概要
インターフェースはシンプルで、メインのビジュアライゼーション画面と右上の設定アイコンで構成されています。
画面をクリックして操作すると、カメラが動き、視点を変更できます。右上の設定メニューから、さまざまな設定を調整できます。
4. 設定
Time Space Visualizer Sakuraでは、様々な設定を調整することで、時間の視覚化を自分好みにカスタマイズできます。
4.1 言語設定
インターフェースの言語を選択できます:
- 日本語
- English (英語)
- Deutsch (ドイツ語)
4.2 テーマ設定
テーマは全体の雰囲気を決定する重要な要素です。以下のテーマから選択できます:
- 昼桜テーマ (DaySakuraTheme):明るい日中の桜の風景を表現したテーマです。太陽光の下で咲く桜の美しさを表現し、明るい色調と自然な影が特徴です。
- 夜桜テーマ (NightSakuraTheme):夜の幻想的な桜の風景を表現したテーマです。月明かりと提灯の光に照らされた青みがかった夜の雰囲気を醸し出します。
- 伝統的和風桜テーマ (TraditionalSakuraTheme):墨絵や和紙などの伝統的な日本美術の要素を取り入れた桜のテーマです。和紙や墨のテクスチャを用いた伝統的な和風の表現が特徴です。
- 夜の和風庭園テーマ (NightGardenTheme):月明かりに照らされた静かな和風庭園の幻想的な空間を表現したテーマです。竹林、灯籠、池、石橋などの日本庭園の要素と、蛍が舞う幻想的な夜の景色を楽しめます。
4.2.1 DaySakuraTheme (昼桜テーマ)
明るい昼間の桜の風景を表現したテーマです。太陽の光に照らされた桜の美しさを体験できます。
- 太陽光と自然な影:昼間の自然な光と影の表現
- 明るい色調:鮮やかな桜の色彩と明るい環境光
- パフォーマンス最適化:自動的にデバイス性能に合わせた調整
このテーマは特に明るく開放的な気分を味わいたいときにおすすめです。
4.2.2 NightSakuraTheme (夜桜テーマ)
夜の幻想的な桜の風景を表現したテーマです。月明かりに照らされた神秘的な夜桜の世界を楽しめます。
- 月明かりと提灯の光:夜の桜を照らす柔らかな光源
- 青みがかった雰囲気:夜の冷たさと幻想性を表現
- 蛍の表現:夜の桜を彩る蛍の光
静かで落ち着いた雰囲気で、瞑想的な体験をしたい場合に適しています。
4.2.3 TraditionalSakuraTheme (伝統的な和風桜テーマ)
墨絵や和紙などの伝統的な日本美術の要素を取り入れた桜のテーマです。日本の美意識「侘び・寂び」を感じられます。
- 和紙や墨のテクスチャ:伝統的な日本の素材感
- 渋い色調:控えめながら深みのある色彩表現
- 環境マップ:柔らかな反射による奥行きの表現
4.2.4 NightGardenTheme (夜の和風庭園テーマ)
月明かりに照らされた静かな和風庭園の幻想的な空間を表現したテーマです。日本の伝統的な庭園の要素を夜の雰囲気で楽しめます。
- 月光と水面の反射:青白い月の光と池の水面に映る光の表現
- 竹林と石灯籠:庭園を彩る竹林と石灯籠の配置
- 蛍の群れ:夜の庭園を飛び交う幻想的な蛍の表現
- 石橋と岩の配置:伝統的な日本庭園の石の配置と石橋
静寂と瞑想的な雰囲気を楽しみたい方や、日本の伝統的な庭園美を体験したい方におすすめです。
4.3 エフェクト設定
エフェクトは視覚的な表現を豊かにする要素です。以下のエフェクトから選択できます:
- DigitalTimeWave (デジタルタイムウェーブ):デジタル的な波動と時間の可視化を組み合わせた和風アレンジのエフェクトです。中央に桜の幹をイメージした柱と、時間を表す花のような形状のマーカーが特徴です。
- FireflyTrail (ホタル軌跡):ホタルが飛び回る軌跡を描くエフェクトです。発光する蛍のパーティクルが軌跡を残しながら、群れとして自然な動きをします。
- LanternLight (ランタンライト):和風の提灯が漂う幻想的なエフェクトです。提灯のモデリングと光源が特徴で、時間帯に応じた色と光の変化も実装されています。
- SakuraEffect (桜エフェクト):空間に舞う桜の花びらをシェーダーを使ったパーティクルシステムで表現します。風による自然な動きが特徴です。
- SakuraRipple (桜波紋):桜の花びらが時空間に波紋を作り出す幻想的なエフェクトです。波紋の視覚的表現と桜の花びらが落ちる様子が特徴的です。
- SakuraVoxelCloud (桜ボクセル):3D空間に浮かぶボクセルが幻想的な桜の形に変化するエフェクトです。様々な形状への変化(桜、花、波など)と時間帯による色や発光の変化が特徴です。
4.3.1 DigitalTimeWaveEffect (デジタルタイムウェーブ)
デジタル的な波動と時間の可視化を組み合わせた和風アレンジのエフェクトです。
- 中央柱:桜の幹をイメージした中央に配置される柱
- 時間マーカー:時間を表す花のような形状のマーカー
- 波動表現:時間の流れに合わせて広がる波の表現
4.3.2 FireflyTrailEffect (ホタル軌跡エフェクト)
ホタルが飛び回る軌跡を描くエフェクトで、群れとして自然な動きをします。
- 発光パーティクル:蛍のような明滅する光の表現
- 軌跡表現:動きに合わせて残る光の軌跡
- 群れ行動:自然な群れの動きのシミュレーション
4.3.3 LanternLightEffect (ランタンライトエフェクト)
和風の提灯が漂う幻想的なエフェクトです。時間帯に応じた変化も実装されています。
- 提灯モデル:伝統的な和風提灯の3Dモデル
- 光源表現:提灯から放たれる温かな光
- 時間変化:時間帯による色と光の強さの変化
4.3.4 SakuraEffect (桜エフェクト)
空間に舞う桜の花びらをシェーダーを使ったパーティクルシステムで表現します。
- 花びらの表現:シェーダーベースの美しい桜の花びら
- 風の効果:自然な風による花びらの動き
- パフォーマンス最適化:処理負荷を抑えた効率的な表現
4.3.5 SakuraRippleEffect (桜波紋エフェクト)
桜の花びらが時空間に波紋を作り出す幻想的なエフェクトです。
- 波紋表現:水面のような波紋の視覚効果
- 花びらの落下:自然に落ちる桜の花びら
- 相互作用:波紋と花びらが影響し合う表現
4.3.6 SakuraVoxelCloudEffect (桜ボクセルクラウド)
3D空間に浮かぶボクセルが幻想的な桜の形に変化するエフェクトです。
- 形状変化:様々な形状(桜、花、波など)への変化
- 時間変化:時間帯による色や発光の変化
- 最適化機能:パフォーマンスを維持するためのフラスタムカリング
各エフェクトは、コンピュータの性能に応じて自動調整されます。パフォーマンスに問題がある場合は、一部のエフェクトをオフにすることでスムーズな動作が期待できます。
4.4 時計設定
Time Space Visualizer Sakuraでは、様々な時計表示を設定できます。異なる時計タイプを組み合わせることで、時間の多層的な表現が可能です。
時計タイプ
4.4.1 アナログ時計
伝統的な円形のアナログ時計で、洗練された美しいデザインが特徴です。
- 時計サイズ:0.5から2.0までの範囲でサイズを調整できます。
- 色パターン:伝統的、ダーク、ブルー、ゴールド、桜から選択できます。
- 秒針表示:秒針の表示/非表示を切り替えられます。
- 秒針をなめらかに動かす:秒針を1秒ごとに動かすか、なめらかに連続して動かすかを選択できます。
- ビルボード効果:常にカメラに向くように設定できます。
4.4.2 レトロアナログ時計
年代を感じさせるノスタルジックなデザインで、時間の蓄積を表現します。
- 時計サイズ:0.5から1.5までの範囲でサイズを調整できます。
- 色パターン:セピア、ヴィンテージ、経年劣化から選択できます。
- 秒針表示:秒針の表示/非表示を切り替えられます。
- 秒針をなめらかに動かす:秒針を1秒ごとに動かすか、なめらかに連続して動かすかを選択できます。
- ビルボード効果:常にカメラに向くように設定できます。
- パーティクル表示:時計の周囲に漂うパーティクルの表示/非表示を切り替えられます。
- 数字表示タイプ:アラビア数字、ローマ数字、数字なしから選択できます。
4.4.3 3Dデジタル時計
立体的な数字で時間を表示し、未来的な印象を与えます。
- 時計サイズ:0.5から2.0までの範囲でサイズを調整できます。
- 色パターン:ブルー、レッド、グリーン、ゴールド、桜、ホワイト&ブラックから選択できます。
- 秒表示:秒の表示/非表示を切り替えられます。
- コロン点滅:時間と分を区切るコロンを点滅させるかどうかを選択できます。
- ビルボード効果:常にカメラに向くように設定できます。
4.4.4 シンプルデジタル時計
ミニマルなデザインの現代的なデジタル時計です。
- 時計サイズ:0.5から5.0までの範囲でサイズを調整できます。
- 色パターン:ダーク、ライト、ブルー、ミント、レッドから選択できます。
- 秒表示:秒の表示/非表示を切り替えられます。
- 時間形式:24時間形式と12時間形式を切り替えられます。
- ビルボード効果:常にカメラに向くように設定できます。
4.4.5 デジタル時計
発光効果を持つ現代的なデジタル表示です。
- 時計サイズ:0.5から2.0までの範囲でサイズを調整できます。
- 色パターン:ブルー、レッド、グリーン、ゴールド、桜から選択できます。
- 秒表示:秒の表示/非表示を切り替えられます。
- コロン点滅:時間と分を区切るコロンを点滅させるかどうかを選択できます。
- 時間形式:24時間形式と12時間形式を切り替えられます。
- ビルボード効果:常にカメラに向くように設定できます。
- 背景の透明度:0から1までの範囲で背景の透明度を調整できます。
- 発光の強さ:0から1までの範囲で発光の強さを調整できます。
4.4.6 フリップカード時計
駅や空港で見られるようなフリップ式の数字が切り替わるメカニカルな時計です。
- 時計サイズ:0.5から2.0までの範囲でサイズを調整できます。
- 色パターン:クラシック、ダーク、ブルー、レトロ、桜から選択できます。
- 秒表示:秒の表示/非表示を切り替えられます。
- 時間形式:24時間形式と12時間形式を切り替えられます。
- フリップアニメーション:数字が切り替わる際のアニメーションの有無を選択できます。
- フリップ速度:0.1から2.0までの範囲でフリップアニメーションの速度を調整できます。
- ビルボード効果:常にカメラに向くように設定できます。
- 数字スタイル:ゴシック体、ローマ数字、丸ゴシック、等幅フォント、セリフ体斜体から選択できます。
- カードの厚さ:0.01から0.2までの範囲でカードの厚さを調整できます。
- 影を表示:カードの影の表示/非表示を切り替えられます。
各時計タイプを切り替えることで、異なる時間表現を楽しめます。複数の時計タイプを同時に表示することも可能です。
4.5 カメラワーク設定
カメラワークを選択することで、時間の視覚表現をより豊かにできます。利用可能なカメラワークには以下のようなものがあります。なお、現バージョンでは各カメラワークの詳細パラメータは調整できません。プリセットされた動きをお楽しみください。
- 固定カメラ:カメラが固定され、手動で移動させない限り動きません。
- ゆっくり回転:カメラがゆっくりと時計を中心に回転します。
- 螺旋軌道:カメラが螺旋を描くように動き、視点が上下に変化します。
- 波状軌道:カメラが波のような軌道を描いて動きます。
- 改良波状軌道:より洗練された波のような動きを提供し、滑らかなカメラワークを実現します。
- 滑らかな右回り軌道:時計の周りを緩やかに右回りで回転し、上下にも穏やかに動くカメラワークです。
- ランダム移動:カメラがランダムに移動して、様々な角度から時計を映します。
- パルス軌道:カメラが時計に近づいたり遠ざかったりします。
4.6 HTML時計設定
3D時計とは別に、画面上に2D表示されるHTML時計の外観と機能をカスタマイズできます:
- 時計表示:HTML時計の表示/非表示を切り替えます
- サイズ:小、中、大、特大から選択できます
- カラーテーマ:ダーク、ライト、ブルー、ゴールドから選択できます
- フォント:ゴシック体、明朝体、等幅フォント、丸ゴシック、デジタルから選択できます
- 秒表示:秒の表示/非表示を切り替えられます
- 時間形式:24時間形式と12時間形式を切り替えられます
- 表示位置:左上、右上、左下、右下から選択できます
4.7 HTML日付設定
画面上に表示される日付情報の外観と機能をカスタマイズできます:
- 日付表示:HTML日付の表示/非表示を切り替えます
- サイズ:小、中、大、特大から選択できます
- カラーテーマ:ダーク、ライト、ブルー、桜、ゴールドから選択できます
- フォント:ゴシック体、明朝体、等幅フォント、丸ゴシック、デジタルから選択できます
- 日付フォーマット:フル、短い、年月日、月日、曜日のみ、カスタムから選択できます
- カスタムフォーマット:独自の日付表示形式を設定できます(日付フォーマットで「カスタム」を選択した場合)
- 表示位置:左上、中央上、右上、左下、中央下、右下から選択できます
- 言語:日付表示に使用する言語を選択できます
8. アプリのコンセプト
Time Space Visualizer Sakuraは、時間を芸術作品として視覚化し鑑賞することを主な目的としています。日常的に見過ごされがちな「時間の流れ」を、美しいビジュアル表現に変換することで、新たな視点から時間を体験できます。
このアプリは単なる時計ではなく、以下の理念に基づいた時間芸術作品です:
- 時間の美学的探求 - 時間という抽象的概念を視覚的に表現
- 瞑想的鑑賞体験 - 穏やかな動きや効果による落ち着いた観賞体験
- 日本の美意識 - 「侘び・寂び」や「桜」など日本の美的感覚の表現
- インタラクティブアート - 鑑賞者が設定を変えることで作品に参加
9. 芸術作品としての鑑賞ガイド
Time Space Visualizer Sakuraは時間を測るだけの道具ではなく、「時間」という概念を美的に体験するためのアート作品です。以下のアプローチで、より豊かな鑑賞体験を得ることができます。
9.1 鑑賞のための推奨設定
- 昼桜テーマ + SakuraEffect + 波状軌道カメラ - 日本の春の雰囲気を表現
- 夜桜テーマ + FireflyTrailEffect + 螺旋カメラ - 幻想的な夜の世界観
- 伝統的和風桜テーマ + LanternLightEffect + 静的カメラ - 静寂の中で時間の流れを観察
- 夜桜テーマ + SakuraVoxelCloudEffect + パルス軌道 - 未来的で幻想的な表現
- 夜の和風庭園テーマ + FireflyTrailEffect + 滑らかな右回り軌道 - 夜の庭園を蛍が舞う幻想的な景色を穏やかに巡る体験
- 夜の和風庭園テーマ + LanternLightEffect + 改良波状軌道 - 和風庭園と灯籠の光が作り出す静謐な雰囲気を波のような動きで鑑賞
9.2 瞑想的鑑賞のために
落ち着いた環境で、以下の点に注意して鑑賞してみてください:
- 時計の動きのパターンに意識を集中する
- 時間の経過による微細な変化を観察する
- カメラの動きに身を委ねる
- 背景の変化とパーティクルの動きを感じる
- エフェクトの層が重なり合う様子を感じ取る
9.3 時間芸術の探求
様々な設定を試すことで、時間についての異なる視点を探索できます:
- 異なる時計タイプを組み合わせて時間の多層性を表現
- 背景とエフェクトを変更して時間の感情的側面を探る
- カメラの動きで時間の流れる速さの相対性を体験
- 昼と夜のテーマを切り替えて、時間帯による印象の変化を体験
10. さいごに
Time Space Visualizer Sakuraをお楽しみください。時間の流れを美しく視覚化し、あなただけの空間を創造しましょう。
設定を探索することで、さまざまな表現が可能になります。ぜひ自分だけの組み合わせを見つけてください。