Загрузка видео...

Не удалось загрузить видео

На главную

ブラウザだけでここまで作れる時代きた。Web開発の進化、ガチで震える。「Messenger」ってゲーム見て言葉失った。WebGL + Three.jsで作られた、惑星配達マルチプレイゲーム。 初回ロードたった5.7MB、Unity・Godot未使用の独自実装。URL開くだけで即遊べる、もうアプリインストールいらない世界。 Web技術進化の最前線を全部解説する↓

155,629 просмотров • 3 месяцев назад •via X (Twitter)

Комментарии: 13

Фото профиля mana|株式会社MakeAI CEO
mana|株式会社MakeAI CEO3 месяцев назад

まず、Messengerとは何か。 URL: リリース:2025年9月25日、無料・即プレイ可能。 【ひと言で】 「小さな惑星で郵便配達する、ブラウザ完結のマルチプレイヤーゲーム」 【プレイ体験】 ・球体の上を歩く感覚(最初は方向感覚を失う) ・他のプレイヤーがリアルタイムで見える ・3D絵文字でコミュニケーション ・キャラクターの服装カスタマイズ可 ・Lo-Fiヒップホップの落ち着くBGM スマホでも遊べる、完全無料、登録不要。

Фото профиля mana|株式会社MakeAI CEO
mana|株式会社MakeAI CEO3 месяцев назад

ガチで震えるポイント①:たった5.7MBの最適化。 【ファイルサイズ】 ・初回ロード:5.7 MB ・最大読み込み:17.5 MB 【何がヤバいか】 ・スマホアプリ:通常50MB〜数GB ・ネイティブゲーム:1GB超えが当たり前 ・Messenger:5.7MBで惑星マルチプレイ実装 【意味すること】 「ダウンロード→インストール→アップデート」の摩擦が完全に消える。 URL開くだけで即プレイ。インストール疲れの時代終了。 これがWeb開発進化の本質。

Фото профиля mana|株式会社MakeAI CEO
mana|株式会社MakeAI CEO3 месяцев назад

ガチで震えるポイント②:独自エンジン構築の本気度。 【技術スタック】 ・コア:Three.js(WebGL) ・最適化:three-mesh-bvh ・3Dモデル:Houdini + Blender ・テクスチャ:Substance ・マルチプレイヤー:WebSocket + Node.js 【最重要ポイント】 Unity・Godot・Unreal等のゲームエンジン未使用。 すべて独自実装、Web技術だけで構築。 「ゲーム作るならUnity」の時代が終わった瞬間。 Web技術だけでネイティブ級のゲーム作れる証明。

Фото профиля mana|株式会社MakeAI CEO
mana|株式会社MakeAI CEO3 месяцев назад

ガチで震えるポイント③:開発チームの規模。 【製作陣】 ・Vicente Lucendo(開発) ・Michael Sungaila(開発) ・Kevin Colombin(音楽) ・パブリッシャー:Abeto 【規模感】 基本2人+音楽家1人の小規模チーム。 大手スタジオじゃない、個人レベルの開発体制。 【何がヤバいか】 昔なら大手ゲーム会社が数十人で1〜2年かかった規模の作品。 それを2人がブラウザで実装した。 個人開発者にもこのレベルが可能になった時代。

Фото профиля mana|株式会社MakeAI CEO
mana|株式会社MakeAI CEO3 месяцев назад

ガチで震えるポイント③:開発チームの規模。 【製作陣】 ・Vicente Lucendo(開発) ・Michael Sungaila(開発) ・Kevin Colombin(音楽) ・パブリッシャー:Abeto 【規模感】 基本2人+音楽家1人の小規模チーム。 大手スタジオじゃない、個人レベルの開発体制。 【何がヤバいか】 昔なら大手ゲーム会社が数十人で1〜2年かかった規模の作品。 それを2人がブラウザで実装した。 個人開発者にもこのレベルが可能になった時代。

Фото профиля mana|株式会社MakeAI CEO
mana|株式会社MakeAI CEO3 месяцев назад

ここから何が読み取れるか。本質。 【Web開発の進化が示してること】 1. ブラウザがネイティブアプリの代替になった 2. WebGLの成熟で3Dゲームも可能 3. アプリストア経由不要、URLで即配布 4. インストール摩擦ゼロ=ユーザー獲得が桁違いに楽 【ビジネスへの影響】 ・「アプリ作る」じゃなく「Webサイト作る」が選択肢に ・iOS/Android別々にビルドする時代終了 ・アプリストア審査・手数料からの解放 つまり「Webだけで全部やる」が現実的な選択肢になった。 ゲーム以外の業務アプリ・体験コンテンツも同じ流れ。

Фото профиля mana|株式会社MakeAI CEO
mana|株式会社MakeAI CEO3 месяцев назад

今すぐやるべきこと。 【今すぐ体験】 ・ を開く ・5.7MBで何ができるか体感 ・「URLクリック→即プレイ」の摩擦ゼロ体験 【AI開発者・Vibe Coder】 ・Claude Code/Codexに「Three.js + WebGL」スキル追加 ・Higgsfield MCPで3D素材生成→Three.jsで即実装フロー構築 ・「AIにWebGLゲーム作らせる」をSKILL.md化 【経営者・サービス設計者】 ・Claude Code × Three.jsで自社サービスのWeb化検討 ・AI生成3D素材 × ブラウザ完結でアプリストア依存解消 ・「URL配布のサービス」をAIで量産する設計 【クリエイター・SNS運用】 ・ × Three.jsで体験コンテンツ作成 ・Lovart・Higgsfield・Soul ID連携でブラウザ完結ゲーム量産 ・SNS投稿に「即プレイURL」を仕込むマーケ手法 【全員】 Web開発の進化+AIの組み合わせが、個人クリエイターを大手スタジオ級にした。 動いた人だけが、次世代のWeb×AI体験を作れる側に回れる。

Фото профиля Harshit Khemani
Harshit Khemani3 месяцев назад

definitely!

Фото профиля Crypto Girl 👾
Crypto Girl 👾3 месяцев назад

$Messenger E2cgUqcEZjYQS1Xckz394JjyWuibLmRnB9R6xyQHpump

Фото профиля xxxxxxueb1
xxxxxxueb13 месяцев назад

E2cgUqcEZjYQS1Xckz394JjyWuibLmRnB9R6xyQHpump

Фото профиля 光|AIに人生ゆだねてゲーム作る男
光|AIに人生ゆだねてゲーム作る男2 месяцев назад

私もゲーム作り始めました! Webブラウザだけで作ったんですか??コネクトはしてない?!

Фото профиля SNS GARAGE
SNS GARAGE3 месяцев назад

ブラウザだけで触れると、試してもらうハードルがかなり下がりますね。URLを送るだけで見てもらえるのは強いです。

Фото профиля AImegami
AImegami3 месяцев назад

これはすごいわ

Похожие видео

Qwen3.8-27Bがでたのでシューティングゲームを作ってもらったのだけど、Claudeの作業ルールを読んで実装していて驚いた😊 4090一枚でQwen3.8-27B(Q4量子化)をllama.cppで動かして、opencodeから指示。全部ローカルで完結してるのでAPI代はもちろんゼロです。 ここまではまあ想定通りだったわけですが、ゲームを作る手順がかなり効率的だった🤔 自分がClaude用に書いてた作業ルール(CLAUDE.md)を、opencodeが勝手に読んでくれてた。 そこに「作業を始める時はまず知見ファイルを読め」と書いてあるので、Qwenがその通りに読みに行く。 さらに面白いのがここで、その知見ファイルは索引になっていて「ゲームを作る時はこれ、動画の時はこれ」と分岐が並んでる。 Qwenは索引を読んで、ゲーム制作用のファイルだけを自分で選んで開いてました。全部読むでも読まないでもなく、今回必要な分だけ。 これは指示してません。索引を渡しただけです。 で、出てきたコードに実際その知見が入ってた。HUDの更新を1箇所にまとめる書き方とか、数値を設定ファイルに集約するとか、前に自分がハマって書き残したやつ。 数字にするとこう。 ・最初の指示から最後のファイルまで15分 ・13ファイル/583行 ・生成速度38.2 tok/s(1回の返答で約15,000トークン書いてる) ・コンソールエラー0 ・タイトル→自機移動→弾→敵→当たり判定→スコア→ウェーブ進行まで動く ゲーム自体は素朴です。この前Grokに作ってもらったやつと比べるとコード量で1/5くらいだし、1回の返答で15,000トークン使うので64Kのコンテキストは4〜5往復で埋まる。作り込んでいく用途には向いてない。 それでも使い方は広がりそう。 なにより、自分が積んできた知見が別の道具でもそのまま使えるのはいいね。移植作業は一切せずにこれができるのは楽だ😊

LUTA@AI

15,740 просмотров • 1 месяц назад

GPT-6 Astraで、Codex内に自分専用の「動画制作スタジオ」を作りました! これまで、モデルごとのプロンプトの書き方や、脚本・絵コンテ・動画生成など、制作工程ごとにたくさんのスキルを作ってきました。 ✅ただ増えてくると「今これを使いたい」「前に作ったあのスキル、何だっけ?」と、自分でも把握しきれなくなる。 そこで、蓄積したスキルや制作ノウハウを、画面で見ながら選んで使える形にしました。 ・過去に作った短尺動画や、Xで見つけた作例・プロンプトを一覧化 ・アクション/アニメ/MV/モーショングラフィックなど、カテゴリー別に整理 ・「前に作ったこれ、いいな」を動画で確認し、そのままアレンジの出発点に ・モデルごとに整理したプロンプトや制作ルールを、Codexが参照 ・絵コンテから作るか、Reference to Videoで作るかなど、制作ルートも選べる ・長尺制作では、今どの工程で何を作っているのか、進み具合も画面で確認できる 裏側にあるのは、これまで自分で積み上げてきたスキル。 それを「思い出して呼び出す」だけじゃなく、作例や制作画面から使えるようにした感じです。 需要ありそうならzipで渡そうかな。とはいえ2〜3分くらいで作れるはず。

おのふみ| 3D×動画生成×個人開発

98,133 просмотров • 8 дней назад