HN公開: Netlifyのために制作した Marble Madness に着想を得た WebGL ゲーム

• Netlify が 500万人の開発者に到達したことを共有
• この過程で多くの楽しい瞬間と重要な瞬間があった
• この旅を通じて、どのようにここまで来たのか、そして皆さんがこの物語でどのような役割を果たしたのかを確認できる

[GN⁺]

Hacker Newsのコメント

• いちばん面白かったチャレンジは、ルート上にある光る白い点を避けることだった

  • このチームが面白いゲームを作ることに集中していた点は本当に称賛に値する。光る点は避けやすく、そこで語られる内容もうるさくないので、納得できる妥協に見える
  • あの点は、むしろ当たりたくなるようなパワーアップであるべきな気がする
    今の形だと会社について知ることが罰のように感じられて、たぶん意図したものではないはず
    点を踏んで情報画面からどう出ればいいのか分からず迷う人は、矢印キーを押せばよい。Escとクリックをかなり長く試したあとでようやく分かった
    それでもアイデア自体は本当に素晴らしい
  • 自分もまったく同じで、ゲームを白い点を避けるゲームとして遊んだ。企業スポンサーゲームにおいて、ブランドが自分とどんな関係を結ぶのかという、より深い問題に触れている感じもある。いっそゲーム名を「Avoid the white dots」にするのも、その方向への一歩だったかもしれない
    YouTubeでコンテンツを見ている途中に広告が割り込んでくると、「このブランドは何を考えてるんだ、うちのリビングにコンテンツの途中で乱入してきてタンポンを売ろうとしてるのか？」みたいに思う。そうなると、そのタンポンは二度と買わない気がする
    ただしゲームと、これを作ったスタジオ自体は好きだ。率直にフィードバックすると、このゲームをスポンサーした会社が何をしているのかはいまだに分からない。感情的なつながりもないし、何をしているのか調べるほどの興味も湧かなかった
    以前、素晴らしいアートに触れたときは、その背後にあるものや作者、そして本当にすごければ次の段階まで、もっと知りたくなった。Panicのようなブランドはそういう行動を起こさせた
    YouTubeで「この広告はもう終わっているのでスキップできません」と言ったGeicoの保険広告を覚えている。視聴者に共感していたからこそ素晴らしかったと思う。ゲームを「Avoid the dots」と呼ぶのも、似た効果を生んだかもしれない
    ベランダで少し考えてみたが、ゲーム開始時に大きな白いSuper-hot風タイトルで「Avoid the dots (Speedrun challenge)」と表示して、各レベルの最後にハイスコア表を見せたらどうだろう。そうすればスピードランのコミュニティでバイラルになる可能性もありそうだ
  • 自分も0%スピードランチャレンジとしてプレイした

• このプロジェクトに参加した開発者の一人です。質問があれば答えられます
  プロジェクト情報はこちら: https://www.littleworkshop.fr/projects/5milliondevs/

  • 本当によくできていて、Marble Madnessの雰囲気をしっかり捉えている。考えすぎかもしれないが、玉の回転が気に入った。原作はその部分をこのバージョンほどかっこよく伝えられていなかった
  • よくできている。ただ、5面に緑のバウンドボックスが3つあって、そのうち1つに落ちると2つ目に跳ねて、さらに3つ目に跳ねたあと、noclipのようにプラットフォームを通り抜けて「虚空に落ちる」状態になる。下でリスポーンして、そのまますぐ死に続ける。バグがあるから最初からやり直したくない。オープンソースで公開してくれるとうれしい
  • とても面白かった。2面の小さな穴の直前で自分のMacBookが少し重くなり始め、衝突判定がどういうわけか玉を床の中へ吸い込んだ
    https://imgur.com/ZANb1cT
  • よくできていて、技術的な部分がもっと気になる。3Dシーンやオブジェクトにはどんなフレームワークを使ったのか、ボールを追従するカメラ移動はどう処理したのか、音にはどのライブラリを使ったのかが気になる。物理の実装も知りたい
  • このプロジェクトに何人参加して、開発にどれくらいかかったのか気になる。よくできている

• 短い広告用に作ったにしては、ゲームが必要以上にはるかに良い。実装も素晴らしく、操作感も完璧で、レベルデザインも良い
  複数のルートがあり、広告表示の大半をスキップできる点も本当に楽しかった
  これが完成したゲームではないのが残念だ。広告を取り除いて、パズル入りのもっと複雑なレベルを追加すれば、完璧な小休憩用ゲームになると思う

  • WASD操作がここまでしっかり効くのは驚きだった。完全に直感的だった
  • 操作まわりのバグを1つ見た。生成中、あるいは生成前にキーを押しっぱなしにしていると、入力として登録されない
  • Ballanceもチェックしてみる価値がある
    https://www.gog.com/en/game/ballance

• オンラインゲームが移動キーとしてWARSキーをちゃんと案内しているのを見たのは初めてかもしれない。非QWERTY配列に対応しているのが本当に良い
  最適化も素晴らしい。2012年製のMacBookと古いHD 4000内蔵GPUでも完全になめらかに動くが、最近のWebゲーム基準では小さなことではない

  • ありがとう。AZERTYユーザーなので、アメリカのキーボードしか想定していないWebサイトを使う苦痛はよく分かる
    気になる人向けに言うと、国際キーボード配列への対応にはKeyboard APIのgetLayoutMapメソッドを使っている
    https://developer.mozilla.org/en-US/docs/Web/API/Keyboard/ge...

• 面白かった。「Netlify facts」にはまったく興味がなかったが、玉を転がすのは楽しく、滑らかなプレイ体験が印象的だった。よくできている

• ここではまだ誰も触れていないようだが、興味深いことにMarble MadnessはMark Cernyが設計した
  https://en.m.wikipedia.org/wiki/Marble_Madness
  https://en.m.wikipedia.org/wiki/Mark_Cerny
  彼はPS4とPS5の設計者としてのほうがよく知られている
  ついでに、Netlifyが何をしている会社なのか説明できる人はいる？ サイトを見たけれど、こういうことをマーケティング文句で説明しにくいのは分かるとしても、結局何も分からなかった。自分はプログラマーとして働いているので、対象顧客ではないのかもしれない

  • 今もそうかは分からないが、5年ほど前のNetlifyは、自前でVPSを管理したくない人向けにGitベースの組み込みCI/CDデプロイを提供する、かなり堅実なJamstackホスティングだった

• 少し本題から外れるけど、Marble Madnessは自分がプログラミングを始める大きなきっかけだった。父が子どものころにこのゲームを遊んで強い印象を受けていて、自分も子どものころに MAME で遊ぶことになった。
  コンピューターが等角空間でかなり複雑に落下する物体をシミュレートできることに衝撃を受けたが、当時の Game Maker 7 ではどうやって再現すればいいのかまったく分からなかった。数学がもっと得意になってからは、10代のころに作ったプロジェクトにも影響を与え、そのプロジェクトは今でも自分の履歴書に載っている

• これをオープンソースとして公開する可能性はある？ 今はチュートリアルがほとんどない内容をいくつも示してくれる、すばらしい実例になりそう

  • どんなチュートリアルが不足していると感じるのか気になる。よく磨かれた小さな体験ではあるけれど、今ある資料で作るうえで特別に革新的だったり難しかったりする部分はないと思う。共有されたものの中で、特に難しそうに見えた部分があった？
  • 今のところオープンソース化の予定はないが、今後制作の舞台裏については共有するつもり

• Netlify が技術的に何なのか説明しているページはどこかにある？ 見えるのは全部マーケティング文句で、よく分からない

  • すぐに使えるWeb ホスティングだよ。ビルドフォルダをドラッグ＆ドロップすれば URL ができる。あるいは Git リポジトリを接続してもいい
  • https://docs.netlify.com/platform/what-is-netlify/
  • もう自分で答えを出している気がする。一般的な Web アプリの上に抽象化と複雑さのレイヤーをさらに重ね、その皮肉として魔法のように摩擦のない Web サイト制作体験を約束し、非技術ユーザーを引きつけるよう設計されたプラットフォームに見える

• 美しく作られている。ずっと前に遊んだBallanceというゲームも思い出した。記憶ってこういうふうに働くのが不思議だ。
  [1] https://en.wikipedia.org/wiki/Ballance_(video_game)