運河の仕組みを3Dアニメで解説|閘門式ロックの”水の階段”とは
坂道のない水の上を、船はどうやって高い場所へのぼるのでしょうか。答えは閘門(こうもん)——水位そのものを上げ下げする、いわば「水のエレベーター」です。
このツールは、閘門式運河の仕組みを実際に動かせる3Dアニメーションにしたものです。ゲートの開閉、注水・排水による水位の変化、そして船が”水の階段”を一段のぼるまでの6つの工程を、映画のようなカメラワークで見ることができます。動力はポンプではなく、重力と水だけ。パナマ運河と同じ「3段ロック」モードも搭載しています。
まずは再生ボタン▶を押して、船の旅をご覧ください。視点は指で自由に動かせます(スマホ対応)。
再生・工程の操作
- ▶ / ⏸:再生・一時停止(最後まで進むと自動でループします)
- ‹ / ›:前後の工程へ移動
- 工程バー:番号をタップでその工程へジャンプ。左右になぞると好きな瞬間までシークできます(巻き戻しもOK)
視点(カメラ)の操作
- ドラッグ:視点を回転(画面に触れると自動カメラ→自由カメラに切り替わります)
- ピンチ:ズーム/2本指ドラッグ:平行移動
- ダブルタップ:視点をリセット
- 🎥 自動:映画のようなおまかせカメラワークに戻す
表示・モードの切り替え
- ラベル:各部の名称を表示/非表示(構造物の陰に隠れたラベルは自動で薄くなります)
- 断面:手前の壁を透かして、水位の変化や導水管の水の流れを見る”教材モード”。OFFにすると実際の見た目になります
- ▲上り / ▼下り:船の進行方向を切り替え(下りでは排水で水位を下げます)
- ⛰ 1段 / 3段:パナマ運河と同じ3段連続ロックに切り替え。合計9mの”水の階段”を16工程でのぼります
- 1×:再生速度(0.5倍〜2倍)
- 🔊:効果音のオン/オフ(川のせせらぎ・水流・ゲートの開閉音・出航の汽笛。すべて合成音です)
- ⛶:全画面表示
- ?:閘門の仕組みの解説と豆知識
動作環境
スマホ・タブレット・PCの主要ブラウザで動作します。省電力のため、画面の外にスクロールすると自動で一時停止します。うまく表示されない場合は、ページを再読み込みしてください。
あわせて読みたい


Web博物館
ブラウザさえあれば巡れる“オンライン常設展”へようこそ。当サイトの『Web博物館』では、恋愛の “あるある” シーンを西洋絵画風に描いたデジタル絵画展から、JavaScriptで群泳アルゴリズムを体験できるバーチャル水族館まで、実空間では並ばない多彩な展示を行っています。アート・サイエンス・ユーモアを横断させ、見るだけでなく「触って」「動かして」「考える」余白を残すのが特徴です。制作の裏側やコード解説も随時紹介しているため、デジタルクリエイター志望の方にも学びのヒントが満載。肩の力を抜いてスクロールするだけで、日常から少し離れた不思議なミュージアムツアーをお楽しみください。






