【ブラウザで遊べる】メタルギアライジング風の「自由切断」デモ ― 3Dオブジェクトを断面ごと斬る
『メタルギアライジング』のブレードモードのように、好きな角度で好きなだけ斬れる「自由切断」を、ブラウザで体験できるデモを作りました。斬った面には本物の断面が生成され、中身の詰まった物は中身が、中空の建物は部屋の様子が見えます。
インストール不要で、下の枠をクリックするとそのまま遊べます。
▶ 別タブで大きく開く(枠の右下の「全画面」ボタンでも大きくできます)
※個人が作った非公式のデモで、『メタルギアライジング』およびその制作会社とは関係ありません。
遊び方(自由切断)
- 左ドラッグ:線を引いて離すと、その線とカメラが作る平面で切断します。角度も長さも自由で、斬った破片をさらに斬ることもできます
- 右ドラッグ:カメラ回転 / 中ドラッグ:平行移動 / ホイール:ズーム
- 下のボタンは3つ:投げる(T)/スロー(Space)/リセット(R)
- スローにすると、ブレードモードのように時間がゆっくりになり、音と画面の演出も変わります
「全画面」にすると、発光・サウンドの切り替え、操作説明、斬った回数や破片の数、オブジェクトの配置パネルが表示されます。配置パネルでは、好きな物を好きな場所(台の上にも)置けます。音が出ますので、最初にクリックするかキーを押してください。マウスのあるPCでの利用をおすすめします。
自由切断で斬れるもの
- スイカ・メロン:果肉や種の断面。果汁が飛び、ぷちぷちと音がします
- 丸太:切り方に合わせて年輪や木目が変わる断面(縦に斬ると平行な木目になります)
- 金属の箱・結び目:切り口が赤く熱を持ち、ゆっくり冷めていきます。火花は細かい粒が風に舞い、大きい粒は落ちます
- コンクリートブロック・石像・台:斬るだけでなく、傷みが溜まる・高い所から落ちる・薄くなると砕けて崩れます
- 鉄芯入りのコンクリート柱:コンクリートは斬れても、鉄芯は斬れません。刃が触れた所だけが赤く光ります
- 木造建築・マンション:中空の建物。斬ると部屋の断面が見えます
- 木造・コンクリートブロックの骨組み:斬った後、地面につながっている部分は残り、つながりが切れた部分だけが落ちます
- 樹木:幹は年輪、葉の茂みは緑色の断面になります
元ネタのゲーム:メタルギア ライジング リベンジェンス
このデモは、コナミから2013年2月に発売された『メタルギア ライジング リベンジェンス』(小島プロダクション×プラチナゲームズ開発)の、ブレードモードによる「自由切断」から着想を得ています。敵や物を好きな角度でスパッと斬る爽快感を、ブラウザで気軽に味わえるようにしたものです。気になった方は、ぜひ本家も遊んでみてください。
※この記事にはアフィリエイトリンクが含まれます。Amazonのアソシエイトとして、当メディアは適格販売により収入を得ています。
» Amazonでメタルギア ライジング リベンジェンス(PS3 通常版)を購入する
仕組み(ざっくり)
画面に引いた線の両端とカメラの位置から「切断平面」を作り、その平面をまたぐ三角形(ポリゴン)を1枚ずつ2つに分割しています。切り口の輪郭をつないで閉じた輪にし、穴あきの断面も含めて三角形に分け直して「切り口の面(キャップ)」を張るので、斬った後の物は中身まで詰まった立体として何度でも斬れます。これが自由切断の土台です。
質感はすべてプログラムでその場で生成していて、画像ファイルは使っていません。効果音も同様にブラウザ内で合成しています(Three.js / Web Audio を使用)。
ちなみに、このプログラムは生成AIで作成しました。
生成AIはこういう数学的に答えのある処理は得意なので、多くの市販のゲームタイトルにもこういう演出は積極的に取り入れてほしいと思いました。
