「Counter-Strike 1.6」をブラウザで遊べるって聞いたら、ちょっと気にならない？💡
ぼんやり思ってたけど、普通はゲームってインストールが必要だし、何か特別なソフトやプラグインがいるもんだと思ってたんだよね。でも実は、HTMLファイル一つで、しかもプラグインなしで動かせる環境があるらしいって知って、びっくりしたんだよね😳✨
なにがスゴイの？
- Steamからゲームのデータをダウンロード（SteamCMDってツールを使う）
- 「valve」フォルダと「cstrike」フォルダをまとめてzipにする
- そのzipとHTMLファイルを同じ場所に置いてブラウザで開くだけ！
こうすると、ChromeでもFirefoxでもSafariでも、スマホブラウザでも動いちゃうんだって🫶
技術的にはどうなってるの？
なんだか難しそうだけど、ざっくり言うと、
- Xash3D-FWGSっていうゲームエンジンをWebAssemblyとWebGL2に対応させてる
- ゲームの動作に必要なファイルをブラウザ内で読み込んでいる感じ
- だから特別なインストールやプラグインは全然いらない
…説明聞くと「ふむふむ？」だけど、実際は「ゲームファイルをzipにしてブラウザに渡す」っていうシンプルなアイデアに見えてきて、ちょっと感心しちゃったり🥺✨
実際に試すには？
- SteamCMDでこんなコマンドを打ってゲームのデータを入手
steamcmd +login anonymous +force_install_dir cs +app_update 90 validate +quit - 「valve」と「cstrike」フォルダをzipでまとめて「valve.zip」にする
- ブラウザで動かすためのHTMLコード（GitHubにある）を使って.htmlファイルを作る
- zipとhtmlを同じフォルダに置いてブラウザで開く
これだけ👍
なんか楽しそうな予感
昔ながらのLANパーティーのノリを、インストールもなくブラウザだけで再現できる世の中が来てるんだなぁって感じるよね🌸
わたしは「ゲームってやっぱりPCにガッツリインストールして遊ぶもんだ」って思い込んでたから、この発想は少し新鮮だったよ💭
もし「久しぶりにCSやってみたいけど環境作るのめんどい…」って人がいたら、この方法はかなりハードル低いと思うなぁ🎀
興味ある人はここからどうぞ
- GitHubのプロジェクトページ：https://github.com/yohimik/webxash3d-fwgs
- SteamCMDのインストールや使い方はググるといろいろ出てくるよ👀
ブラウザでささっとレトロゲームを遊べる時代、なんだかいいなって思うし、またみんなでワイワイあの頃のLANパーティー気分を味わえるかも…？✨
これからもちょっと面白いゲームの遊び方、見つけたら教えるね〜💗
はてな
コメント
キンバリー
すごい！ play-cs.comと何が違うのか教えてくれない？ ARMのMacで自分のサーバー立てたくてさ。
エイダン
めっちゃカッコいい！
ジョージ
うん、間違いなくカッコいいね。
ジャック
LANマルチプレイはできるの？
サラ
タイトル見てCSSだけかと心配したよ。
レオ
おお、これで昔のニードフォースピードも試せそう、いいアイデアだね！
チャーリー
「ただのHTML」って笑っちゃうよね。
クリス
これ、Dockerイメージ作ったら可能性大だよ。
ベン
すごすぎ！！
ロバート
20年前の高校時代の大好きなゲームだよ。
ジョージ
超クール、今すぐクエイクもやってみたい！
エマ
もし早く生まれてたら授業中に1.6のスキルジャンプ練習できたのかよ!?
ロバート
絶対やってみる！ CS1.6は懐かしいな、ナイス仕事！
ミア
これすごくいいプロジェクトだよ！ 頑張ってね。 さくっと遊べる手順まとめたよ→[リンク]
