12 lines
5.7 KiB
HTML
12 lines
5.7 KiB
HTML
<!doctype html><html lang="ja"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#101d20"><title>ECOSPHERE | 食物連鎖シミュレータ</title><link rel="stylesheet" href="style.css?v=45"></head><body>
|
||
<header><a class="brand" href="./"><span class="brandmark">◉</span> ECOSPHERE</a><div class="header-right"><div class="date"><strong id="date">経過 0000日 00:00</strong><span id="temperature">— °C</span></div><span class="live" id="runStatus">準備中</span><button id="helpBtn" class="icon-button" aria-label="モデルと操作説明">?</button></div></header>
|
||
<main><section class="workspace">
|
||
<div class="field" id="field"><div class="field-toolbar"><div class="toolbar"><div class="tools" role="group" aria-label="編集ツール"><button class="active" data-tool="observe" aria-label="観察">⌖ <span>観察</span></button><button data-tool="water" aria-label="水域編集">≈ <span>水域</span></button><button data-tool="rocks" aria-label="岩の編集">◒ <span>岩</span></button></div><label class="layer-label">表示 <select id="layer" aria-label="表示レイヤー"><option value="plants">生産者量</option><option value="moisture">土壌水分</option><option value="trophic">栄養段階</option><option value="habitat">水域適応</option></select></label><label class="layer-label">水域 <select id="aquaticProfile" aria-label="水域環境プロファイル"><option value="freshwater">淡水</option><option value="marine">海洋</option></select></label></div>
|
||
<div class="tool-options" id="toolOptions"></div>
|
||
</div><div id="loading" class="loading" role="status">準備中</div><canvas id="world" aria-label="陸上と水域を含む食物網シミュレーション。水域と岩を編集できます"></canvas><button id="toggleUI" class="ui-toggle" aria-label="操作UIを非表示" aria-pressed="false">UI 非表示</button><div class="legend" id="mapLegend"><span>岩 · 倒木 · 死骸</span></div><div class="scale">━━━ <span id="scale">100 m</span></div><div id="statOverlay" hidden><span>高速統計モード</span><strong>描画を休止し、計算に集中しています</strong><small>生態計算は 1/24 day 刻みで継続します。</small></div><div class="transport"><button id="pause" class="pause" aria-label="一時停止">Ⅱ</button><div class="speed-buttons"><button data-speed="1" class="active">×1</button><button data-speed="5">×5</button><button data-speed="20">×20</button><button data-speed="100">×100</button><button data-speed="1000" class="fast">高速統計</button></div><span class="actual">実効 <strong id="actual">— 日/秒</strong></span></div>
|
||
<div id="toast" role="status"></div></div>
|
||
<section class="timeline"><div class="section-heading"><h2>個体数と種</h2><span>線の太さ＝個体数 · 色＝表示レイヤー</span></div><div class="chart-wrap"><canvas id="chart" aria-label="種別個体数の時系列グラフ"></canvas></div><ol id="chartData" class="sr-only"></ol><div class="chart-axis"><span id="chartStart">0000日 00:00</span><span id="chartEnd">現在</span></div></section>
|
||
</section><aside><div class="side-tabs" role="tablist"><button role="tab" aria-selected="true" data-tab="overview" class="active">生態系</button><button role="tab" aria-selected="false" data-tab="individual">個体</button></div>
|
||
<div id="overview" class="tab-panel"><div class="section-heading"><h2>生態系のいま</h2><span class="tiny">LIVE</span></div><div class="metrics"><div><span>総個体数</span><strong id="population">—<small>個体</small></strong></div><div><span>生存種</span><strong id="speciesCount">16<small>種</small></strong></div><div><span>生産者量</span><strong id="plantMass">—</strong></div><div><span>最大世代</span><strong id="generation">0<small>世代</small></strong></div></div><div class="section-heading"><h2>観測ログ</h2><span>直近の変化</span></div><div id="events"></div></div>
|
||
<div id="individual" class="tab-panel" hidden><div class="empty"><span>⌖</span><h2>ひとつの個体を観察する</h2><p>フィールド上の個体をクリックすると、行動・エネルギー・形質を確認できます。</p></div></div></aside></main>
|
||
<dialog id="help"><button id="closeHelp" class="close" aria-label="閉じる">×</button><h2>操作と生態系</h2><h3>操作</h3><p>生物をクリックすると行動と形質を確認できます。水域・岩は追加、移動、拡大縮小、削除ができます。水域は淡水／海洋プロファイルを切り替えられます。</p><h3>生態系</h3><p>時間は day、距離は m、動物体重は kg、エネルギーは kJ です。生産者は格子上の biomass、動物は個体として扱います。食性の単一値ではなく、一次・二次・高次消費者と資源の相互作用エッジで摂食を決めます。出生後も親は生存し、加速された突然変異・自動種分化・自動移入は行いません。</p><h3>今回除外した機能</h3><p>水深レイヤーと人為的攪乱（漁獲、農薬、富栄養化、生息地消失、温暖化イベント等）は実装していません。初期水域は旧版と同じ地形系列を基準に、格子面積がおよそ2倍になるよう拡張しています。</p><h3>表示と計算</h3><p>標準の生態刻みは 1/24 day です。通常表示の×1は1 day/秒を目標に進みます。実効速度は個体数と端末性能に応じて表示されます。式、単位、出典、検証条件は<a href="research.html" target="_blank" rel="noopener">モデルの根拠</a>をご覧ください。</p></dialog><script type="module" src="app.js?v=45"></script></body></html>
|