248 lines
16 KiB
HTML
248 lines
16 KiB
HTML
<!doctype html>
|
|
<html lang="ja">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>たりない観察</title>
|
|
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 64 64%27%3E%3Ctext y=%2752%27 font-size=%2752%27%3E%E3%81%9F%3C/text%3E%3C/svg%3E" />
|
|
<link rel="stylesheet" href="css/base.css?v=15.24.0" />
|
|
<link rel="stylesheet" href="css/layout.css?v=15.24.0" />
|
|
<link rel="stylesheet" href="css/panel.css?v=15.24.0" />
|
|
<link rel="stylesheet" href="css/components.css?v=15.24.0" />
|
|
<link rel="stylesheet" href="css/mobile.css?v=15.24.0" />
|
|
</head>
|
|
<body>
|
|
<div id="loadingScreen" class="loading-screen" aria-live="polite">
|
|
<div class="loading-panel">
|
|
<div class="loading-kicker">たりないコロニー</div>
|
|
<h1 class="loading-title">読み込み中…</h1>
|
|
<p id="loadingText" class="loading-text">準備しています</p>
|
|
<div id="loadingSpriteStrip" class="loading-sprite-strip" aria-hidden="true"></div>
|
|
<div class="loading-progress-track"><div id="loadingBar" class="loading-progress-bar" style="width:0%"></div></div>
|
|
<div class="loading-progress-meta"><span>進行状況</span><strong id="loadingPercent">0%</strong></div>
|
|
<p class="loading-hint">初期表示に必要な画像だけ先に読み込み、残りは後から順次ロードします。</p>
|
|
</div>
|
|
</div>
|
|
<div id="app">
|
|
<header class="topbar">
|
|
<div class="top-left">
|
|
<a class="btn room-link" href="https://host.nishi.boats/~333/">333の部屋に移動</a>
|
|
<div class="brand">
|
|
<h1>たりない観察</h1>
|
|
</div>
|
|
</div>
|
|
<div class="top-actions">
|
|
<button id="pauseBtn" class="btn primary">一時停止</button>
|
|
<button id="speedBtn" class="btn">速度 x1</button>
|
|
<button id="ecologyBtn" class="btn">たりないの生態</button>
|
|
<div id="soundMenu" class="sound-menu">
|
|
<button id="soundBtn" class="btn sound-menu-btn" type="button" aria-haspopup="true" aria-expanded="false">音設定 ON</button>
|
|
<div id="soundPanel" class="sound-panel hidden" role="menu" aria-label="効果音設定">
|
|
<label class="sound-master"><input id="soundMasterToggle" type="checkbox" checked><span>効果音</span></label>
|
|
<div class="sound-panel-divider"></div>
|
|
<label><input type="checkbox" data-sound-category="voice"><span>たりないの声</span></label>
|
|
<label><input type="checkbox" data-sound-category="notify" checked><span>通知</span></label>
|
|
<label><input type="checkbox" data-sound-category="ops" checked><span>操作</span></label>
|
|
</div>
|
|
</div>
|
|
<button id="creditsBtn" class="btn">クレジット</button>
|
|
<button id="saveBtn" class="btn">セーブ</button>
|
|
<button id="resetBtn" class="btn danger">リセット</button>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="layout">
|
|
<section class="stage-wrap">
|
|
<canvas id="gameCanvas" aria-label="たりない観察キャンバス"></canvas>
|
|
<div id="mobileModeControls" class="mobile-mode-controls" aria-label="スマホ操作モード">
|
|
<button type="button" data-mobile-mode="auto" class="active">自動</button>
|
|
<button type="button" data-mobile-mode="camera">カメラ</button>
|
|
<button type="button" data-mobile-mode="tool">道具</button>
|
|
<button type="button" data-mobile-mode="family">家系図</button>
|
|
</div>
|
|
<div id="toast" class="toast hidden"></div>
|
|
</section>
|
|
|
|
<aside class="panel">
|
|
<section id="selectedCard" class="card selected-card hidden">
|
|
<div class="selected-head">
|
|
<h2>たりないデータ</h2>
|
|
<button id="selectedCloseBtn" class="selected-close" type="button" aria-label="観察をやめる">×</button>
|
|
</div>
|
|
<div id="selectedInfo" class="selected-info empty">未選択</div>
|
|
</section>
|
|
|
|
<section id="toolCard" class="card tool-card collapsible-card" data-card-key="tools">
|
|
<button class="panel-card-toggle" type="button" aria-expanded="true"><span class="panel-card-title">道具</span><span class="panel-card-state">折り畳み</span></button>
|
|
<div class="panel-card-body">
|
|
<div class="tool-body">
|
|
<div id="toolPalette" class="tool-palette" aria-live="polite"></div>
|
|
<p class="hint">同じ道具ボタンをもう一度押すと、対応道具の大きさが小・中・大で切り替わります。</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card colony-card collapsible-card" data-card-key="colony">
|
|
<button class="panel-card-toggle" type="button" aria-expanded="true"><span class="panel-card-title">コロニー</span><span class="panel-card-state">折り畳み</span></button>
|
|
<div class="panel-card-body">
|
|
<div class="stats colony-stats">
|
|
<div class="stat"><span>個体数</span><strong id="statPop">0</strong></div>
|
|
<div class="stat"><span>累計死亡数</span><strong id="statDead">0</strong></div>
|
|
<div class="stat"><span>雰囲気</span><strong id="statColonyMood">のんびり</strong></div>
|
|
</div>
|
|
<div id="colonyChartTabs" class="chart-tabs"><button data-chart="population" class="active">人口</button><button data-chart="life">精神</button><button data-chart="environment">環境</button><button data-chart="objects">オブジェクト</button></div>
|
|
<div id="colonyChartLegend" class="colony-chart-legend"></div>
|
|
<div id="colonyChart" class="colony-chart" aria-label="コロニーの推移グラフ" role="img"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card log-card collapsible-card" data-card-key="events">
|
|
<button class="panel-card-toggle" type="button" aria-expanded="true"><span class="panel-card-title">イベント</span><span class="panel-card-state">折り畳み</span></button>
|
|
<div class="panel-card-body">
|
|
<div id="log" class="log"></div>
|
|
<div class="log-push-controls" id="logPushControls" aria-label="プッシュ通知設定">
|
|
<label class="push-master"><input id="logPushEnabled" type="checkbox"> プッシュ通知</label>
|
|
<div class="push-kind-grid">
|
|
<label><input type="checkbox" data-push-kind="death" checked> 死亡</label>
|
|
<label><input type="checkbox" data-push-kind="accident" checked> 事故</label>
|
|
<label><input type="checkbox" data-push-kind="birth" checked> 誕生</label>
|
|
<label><input type="checkbox" data-push-kind="fight"> 喧嘩</label>
|
|
<label><input type="checkbox" data-push-kind="food"> 食事</label>
|
|
<label><input type="checkbox" data-push-kind="weather"> 天気</label>
|
|
<label><input type="checkbox" data-push-kind="grass"> 草</label>
|
|
<label><input type="checkbox" data-push-kind="relation"> 関係</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</aside>
|
|
</main>
|
|
|
|
<section class="card lineage-main-card">
|
|
<div class="lineage-head">
|
|
<h2>家系図</h2>
|
|
<div class="lineage-actions">
|
|
<button id="archiveUpdateToggleBtn" class="btn" type="button" aria-pressed="false">更新 OFF</button>
|
|
<button id="archiveResetBtn" class="btn danger" type="button">家系図をリセット</button>
|
|
</div>
|
|
</div>
|
|
<div id="archiveContent" class="archive-content lineage-main-content"></div>
|
|
</section>
|
|
</div>
|
|
|
|
<div id="fieldDialog" class="field-dialog hidden" role="dialog" aria-modal="true" aria-labelledby="fieldDialogTitle">
|
|
<div class="field-dialog-panel">
|
|
<h2 id="fieldDialogTitle">フィールドを選択</h2>
|
|
<div class="field-choice-grid">
|
|
<button class="field-choice" data-field-type="park" type="button"><strong>公園</strong><span>大</span></button>
|
|
<button class="field-choice" data-field-type="garden" type="button"><strong>庭</strong><span>中</span></button>
|
|
<button class="field-choice" data-field-type="cage" type="button"><strong>ケージ</strong><span>小</span></button>
|
|
</div>
|
|
<div class="field-dialog-actions">
|
|
<button id="fieldCancelBtn" class="btn" type="button">キャンセル</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="creditsDialog" class="field-dialog hidden" role="dialog" aria-modal="true" aria-labelledby="creditsDialogTitle">
|
|
<div class="field-dialog-panel credits-dialog-panel">
|
|
<h2 id="creditsDialogTitle">クレジット</h2>
|
|
<div class="credits-content">
|
|
<p><strong>製作:</strong> 333</p>
|
|
<p><strong>たりない:</strong> むらさき氏</p>
|
|
<p><strong>効果音:</strong> VOICEVOX: ずんだもん　効果音ラボ: <a href="https://soundeffect-lab.info/" target="_blank" rel="noopener">https://soundeffect-lab.info/</a></p>
|
|
<p><strong>アリ素材:</strong> いらすとや: <a href="https://www.irasutoya.com/" target="_blank" rel="noopener">https://www.irasutoya.com/</a></p>
|
|
</div>
|
|
<div class="field-dialog-actions credits-actions">
|
|
<button id="creditsCloseBtn" class="btn" type="button">閉じる</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="archiveResetDialog" class="field-dialog hidden" role="dialog" aria-modal="true" aria-labelledby="archiveResetDialogTitle">
|
|
<div class="field-dialog-panel archive-reset-dialog-panel">
|
|
<h2 id="archiveResetDialogTitle">家系図をリセットしますか？</h2>
|
|
<p class="hint">現在の親子関係と世代情報を消去します。個体そのものや庭の状態は消えません。</p>
|
|
<div class="field-dialog-actions archive-reset-actions">
|
|
<button id="archiveResetCancelBtn" class="btn" type="button">キャンセル</button>
|
|
<button id="archiveResetConfirmBtn" class="btn danger" type="button">リセットする</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="ecologyDialog" class="field-dialog hidden" role="dialog" aria-modal="true" aria-labelledby="ecologyDialogTitle">
|
|
<div class="field-dialog-panel ecology-dialog-panel">
|
|
<h2 id="ecologyDialogTitle">たりないの生態</h2>
|
|
<div id="ecologyGrid" class="ecology-grid"></div>
|
|
<div class="field-dialog-actions">
|
|
<button id="ecologyCloseBtn" class="btn" type="button">閉じる</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="logPushOverlay" class="log-push-overlay" aria-live="polite" aria-atomic="false"></div>
|
|
<script src="js/version.js?v=15.24.0" defer></script>
|
|
<script src="js/event_bus.js?v=15.24.0" defer></script>
|
|
<script src="js/performance_manager.js?v=15.24.0" defer></script>
|
|
<script src="js/registry_base.js?v=15.24.0" defer></script>
|
|
<script src="js/disease_registry.js?v=15.24.0" defer></script>
|
|
<script src="js/effect_registry.js?v=15.24.0" defer></script>
|
|
<script src="js/sound_pack.js?v=15.24.0" defer></script>
|
|
<script src="js/data.js?v=15.24.0" defer></script>
|
|
<script src="js/item_visual_registry.js?v=15.24.0" defer></script>
|
|
<script src="js/food_registry.js?v=15.24.0" defer></script>
|
|
<script src="js/input_mode_manager.js?v=15.24.0" defer></script>
|
|
<script src="js/math.js?v=15.24.0" defer></script>
|
|
<script src="js/physics_helpers.js?v=15.24.0" defer></script>
|
|
<script src="js/assets.js?v=15.24.0" defer></script>
|
|
<script src="js/audio.js?v=15.24.0" defer></script>
|
|
<script src="js/render.js?v=15.24.0" defer></script>
|
|
<script src="js/sim_core.js?v=15.24.0" defer></script>
|
|
<script src="js/items.js?v=15.24.0" defer></script>
|
|
<script src="js/ants.js?v=15.24.0" defer></script>
|
|
<script src="js/health.js?v=15.24.0" defer></script>
|
|
<script src="js/tarinai.js?v=15.24.0" defer></script>
|
|
<script src="js/tarinai_identity_social.js?v=15.24.0" defer></script>
|
|
<script src="js/tarinai_action_state.js?v=15.24.0" defer></script>
|
|
<script src="js/tarinai_disease_nest.js?v=15.24.0" defer></script>
|
|
<script src="js/tarinai_item_effects.js?v=15.24.0" defer></script>
|
|
<script src="js/tarinai_needs_items.js?v=15.24.0" defer></script>
|
|
<script src="js/tarinai_social_move_life.js?v=15.24.0" defer></script>
|
|
<script src="js/tarinai_render.js?v=15.24.0" defer></script>
|
|
<script src="js/world.js?v=15.24.0" defer></script>
|
|
<script src="js/world_view.js?v=15.24.0" defer></script>
|
|
<script src="js/family_graph.js?v=15.24.0" defer></script>
|
|
<script src="js/world_family_social.js?v=15.24.0" defer></script>
|
|
<script src="js/world_combat_effects.js?v=15.24.0" defer></script>
|
|
<script src="js/world_environment.js?v=15.24.0" defer></script>
|
|
<script src="js/world_spatial_budget.js?v=15.24.0" defer></script>
|
|
<script src="js/world_ants_system.js?v=15.24.0" defer></script>
|
|
<script src="js/weather_system.js?v=15.24.0" defer></script>
|
|
<script src="js/world_update.js?v=15.24.0" defer></script>
|
|
<script src="js/world_placement_log.js?v=15.24.0" defer></script>
|
|
<script src="js/world_bootstrap.js?v=15.24.0" defer></script>
|
|
<script src="js/text_catalog.js?v=15.24.0" defer></script>
|
|
<script src="js/ui.js?v=15.24.0" defer></script>
|
|
<script src="js/ui_log.js?v=15.24.0" defer></script>
|
|
<script src="js/ui_helpers.js?v=15.24.0" defer></script>
|
|
<script src="js/ui_selected.js?v=15.24.0" defer></script>
|
|
<script src="js/snapshot_system.js?v=15.24.0" defer></script>
|
|
<script src="js/save_system.js?v=15.24.0" defer></script>
|
|
<script src="js/patch_helpers.js?v=15.24.0" defer></script>
|
|
<script src="js/freeze_system.js?v=15.24.0" defer></script>
|
|
<script src="js/relation_event_system.js?v=15.24.0" defer></script>
|
|
<script src="js/ui_layout_dialogs.js?v=15.24.0" defer></script>
|
|
<script src="js/ui_tools.js?v=15.24.0" defer></script>
|
|
<script src="js/ui_bind.js?v=15.24.0" defer></script>
|
|
<script src="js/ui_charts.js?v=15.24.0" defer></script>
|
|
<script src="js/ui_family_data.js?v=15.24.0" defer></script>
|
|
<script src="js/ui_family_async.js?v=15.24.0" defer></script>
|
|
<script src="js/ui_family_layout.js?v=15.24.0" defer></script>
|
|
<script src="js/ui_family_paths.js?v=15.24.0" defer></script>
|
|
<script src="js/ui_family_render.js?v=15.24.0" defer></script>
|
|
<script src="js/main.js?v=15.24.0" defer></script>
|
|
<script src="js/debug_tools.js?v=15.24.0" defer></script>
|
|
</body>
|
|
</html>
|