GAME 01 3Dレース
SHIBA DASH!!お散歩グランプリ
3頭身の子柴が飼い主を引きずって全力疾走する3Dレースゲーム。柴犬4種×コース6種×難易度3種。招待URLを送るだけで、友だちと2〜4人のオンライン対戦もできます。
- ENGINE
- Three.js r128（WebGL）
- PLAY
- 1人 〜 オンライン4人対戦
FREE BROWSER 3D GAMES — POWERED BY WEBGL
THREE.JS GAME GALLERYThree.jsゲーム ギャラリー
Three.jsで作った無料ブラウザ3Dゲームの遊技場へようこそ。
インストール不要。スマホでもPCでも、リンクを開けばすぐ遊べます。
GAME 02 3Dフライト
HATOLANDぷっくり鳩の3Dフライト
ぷっくり可愛い鳩になって大空を飛びまわるフライトゲーム詰め合わせ。荷物をとどける「おとどけ」、ドローンを撃ち落とす「討伐」、砲台で街をまもる「防衛」、時間がめぐる島を自由に飛ぶ「そらさんぽ」の4モード。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・4モード
GAME 03 3D生態系シミュレーター
EBI TANKエビ飼育水槽シミュレーター
エビの水槽をただ眺める。餌やりと水換えをしながら、抱卵、孵化、脱皮、遺伝、水質変化——小さな生態系が育っていく様子を3Dで観察できます。夜、部屋を暗くして眺めるのがおすすめ。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・放置OK
KIDS 01 電車運転シミュレーター
DENSHA NO UNTENSHIでんしゃの うんてんし
運転士になって、駅のホームにぴったり止める電車の運転ゲーム。指差し確認やドアの開け閉め、車内の放送まで、運転士のおしごとをまるごと体験できます。走れる路線は5つ。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・ゆびで・3さい くらいから（目安）
KIDS 02 フルーツ合体アクション
PINE×APPLEなかよし！パイン×アップル
指でなぞってフルーツを切り、パインとリンゴをぶつけてミックス！ かわいいフルーツがどんどん合体していく、タッチで遊ぶアクションです。ふたりでも遊べます。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人〜ふたり・ゆびで・4さい くらいから（目安）
KIDS 03 お寿司屋さん おしごと体験
TENOHIRA KAITEN SUSHIてのひら回転すし
シャリをにぎってネタをのせ、回転レーンでお客さんに届けるお寿司屋さんのおしごと体験。こどもとおとな、それぞれ3つのむずかしさがあるので、親子でかわりばんこに遊べます。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・こども／おとな・4さい くらいから（目安）
GAME 04 3Dフォトウォーク
SAMPOLiminal Space Photowalk
誰もいない世界の隙間を、ただ歩いて、撮る。リミナルスペース文化への敬意を込めた3Dカメラ散歩。目的もスコアもありません。あるのは、見覚えがあるのに知らない場所だけ。
- ENGINE
- Three.js r128（WebGL）
- PLAY
- 1人・撮影機能つき
GAME 05 3D水切り
MIZUKIRI水切りゲーム
河原で石を選び、パワーと角度を決めて放る。水面を跳ねた回数を数える、それだけのゲームです。記録を伸ばすフリーモード、的当て、日替わり挑戦の3モード。低ポリゴンの川辺と、光る水面をどうぞ。
- ENGINE
- Three.js r128（WebGL）
- PLAY
- 1人・3モード
GAME 06 3Dスライダー
DROP RIOT超高層ウォータースライダー
雲の上に架かったガラスの水路を、主観視点で一気に駆け下ります。カーブと加速リングを攻める2モードに加え、落ちずにカーブだけ練習できるモードも。高所が平気な方から、そうでない方まで。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・3モード
GAME 07 3Dロボットアクション
ZONE STRIKEハイスピード3Dロボットアクション
横スクロールで進む3Dロボットアクション。敵の攻撃は必ず予告されるので、見てから避けて反撃します。4つの戦域とボス、無線で進む物語、9人のランカーと戦う闘技場に加え、友だちとの対戦にも対応しています。
- ENGINE
- Three.js r185（ES Modules）＋PeerJS 1.5.5
- PLAY
- 1人〜オンライン2人対戦
GAME 08 3Dガンシューティング
404 CRISISエラーページ・ガンシューティング
見慣れた404ページが、数秒後に崩れて襲ってきます。ボクセルの数字でできた「404」を相手に、リロードと左右の物陰を使い分けて撃ち返すレールシューター。ステータスコードを200 OKまで戻せばクリアです。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・2難易度
GAME 09 3Dドリフトレース
GYOKO DRIFT魚河岸ターレ・グランプリ
荷台に魚を積んだターレで、市場を駆け抜けるドリフトレース。売上は順位の倍率×届けた積荷の金額で決まり、派手にぶつかると魚が吹っ飛びます。速さと丁寧さの両立が勝負どころ。東京・大阪・北の港町の3ステージ。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・3ステージ
GAME 10 3Dテニス×リバーシ
SHIROKURO TENNIS!しろくろテニス！
テニスとリバーシを合わせた対戦ゲーム。相手が打ち返せなかったマスに自分の石が置かれ、はさめば裏返ります。うさぎ・ねこ・ペンギン・くまの4キャラと必殺技で、90秒の試合の石の数を競います。友だちとのオンライン対戦にも対応。
- ENGINE
- Three.js r185（ES Modules）＋PeerJS 1.5.5
- PLAY
- 1人〜オンライン2人対戦
GAME 11 3D建築レース
TONTEN KANTEN!トンテンかんてん！
板を投げて釘を打ち、川やがけに橋をかけて向こう岸をめざす、どたばた建築レース。クマ・ウサギ・タヌキ・ペンギンの4人から選んで、2つのカップ全8ステージに挑戦。設計図どおりに組み上げるステージもあります。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・2カップ全8ステージ
GAME 12 3Dアクション
SALMON ASCENT遡上
鮭になって、河口から産卵床まで川を遡る3Dアクション。滝を跳び越え、空中でひねりと宙返りを決めて高得点を狙います。水面で跳ね返る連続跳びや、川辺で待ちかまえる熊にも注意。日本・カナダ・ノルウェーの3つの川を用意しました。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・3ステージ・ノーマル／イージー
GAME 13 3Dアクション
TRICK or REALホンモノはだれだ？
ハロウィンの夜の街で、仮装した人ごみにまぎれたホンモノのおばけを見破ってやっつける3Dアクション。影がない、動きがへん、目が赤く光る。ランタンで照らして正体をあばき、待ちかまえるボスと巨大なオオパンプキングに挑みます。オンラインでふたり協力プレイも。
- ENGINE
- Three.js r185（ES Modules）＋PeerJS 1.5.5
- PLAY
- 1人〜オンライン2人協力
GAME 14 3Dリバーシ
REVERSI BOMBERリバーシボンバー
爆撃機・戦艦・戦闘機を操って、海に浮かぶ盤へ石を落とし合うリアルタイムのリバーシ。空いたマスならどこにでも置けて、挟めば裏返ります。CPU対戦と、友だちとのオンライン対戦（1対1）に対応。
- ENGINE
- Three.js r185（ES Modules）＋PeerJS 1.5.5
- PLAY
- 1人〜オンライン2人対戦
GAME 15 3Dネオンレース
WALLRIDE 2088ウォールライド 2088
2088年のネオンサーキットを走るレースゲーム。半分に切ったパイプのような道の外側の壁を駆け上がってゲージを溜め、道へ降りた瞬間に急加速する「DROP DASH」でライバルを抜き去ります。3Dの景色を低い解像度で描き、色数を絞ったパレットに落としたピクセルアートの画面です。
- ENGINE
- Three.js r185（ES Modules）＋パレット減色のポストプロセス
- PLAY
- 1人・8コース・4台のマシン
GAME 16 3Dコマバトル
AVATAR BATTLER画像がそのままコマになる3Dバトル
写真やイラストを切り抜くと、その形のまま3Dのバトルゴマに。READY!? SHOOT!! で相手と同時に発射し、ドラッグで寄せてぶつけ合い、1試合1回の必殺技で決めます。決着の瞬間はスローのリプレイで。英語の実況つき。
- ENGINE
- Three.js r185（ES Modules）＋ブルーム・被写界深度のポストプロセス
- PLAY
- 1人 〜 ふたり（1台）・オンライン1対1
GAME 17 3D進化シミュレーション
EXTANT40億年をつなぐ血筋
最初の細胞から今日まで、ひとつの血筋を40億年つなぎます。分かれ道で実在の生き物の姿を選び、兆しを読んで大量絶滅に備えましょう。中央の地球儀は、古地理の標高データで5億4000万年前からの大陸の動きを描いています。
- ENGINE
- Three.js r185（ES Modules）＋古地理の標高データ（PALEOMAP PaleoDEMs）から作る3D地球儀
- PLAY
- 1人
GAME 18 3D謝罪バランス
SUMANNER AP超猛省！スマンナーAP
怪獣退治でパン屋の看板を踏んでしまった巨大ロボ。生中継の謝罪会見で、腰と頭の2本のレバーを操り、型どおりに頭を下げてください。下げすぎて倒れれば街ごと大惨事。倒れた瞬間は複数のカメラのリプレイで流れます。
- ENGINE
- Three.js r185（ES Modules）＋被写界深度のポストプロセス
- PLAY
- 1人・4案件（ハードは操縦席からの主観）
NEXT GAME 制作中
COMING SOON次の筐体は準備中です
次のゲームは、いま作っているところです。待っているあいだ、空いているこの筐体で一勝負どうぞ。電源を入れると、ページを移動せずにこの場で卓球ゲームが始まります。相手はCPU、5点先取です。
- ENGINE
- Three.js r185（このページの描画と共通）
- PLAY
- 1人・CPUの強さ3段階・マウス／キーボード／タッチ
3D表示がONのときに遊べます。右上の「3D」ボタンで切り替えられます。
Three.jsゲームとは？
Three.jsは、ブラウザで3Dグラフィックスを描画するためのJavaScriptライブラリです。WebGLを直接書くよりはるかに少ないコードで3D空間を構築でき、世界中のインタラクティブサイトや3Dゲームで使われています。MITライセンスのオープンソースです。
Three.js製のブラウザゲームには、アプリと違う気楽さがあります。インストールも登録も不要で、URLを開いた瞬間に3D世界が立ち上がる。スマホでもPCでも同じリンクで遊べて、友だちに送るのもURLひとつ。このページ自体も、Three.js r185で描画しています。
AMIXでは、ゲームのほかにもパーティクル・シェーダー・スクロール連動などThree.jsとAnime.jsの表現サンプルをモーション＆WebGLギャラリーで公開しています。「作ってみたい」と思ったら、そちらもどうぞ。
- 収録ゲーム
- 21本（わき道の KIDS 通りの3本をふくむ。すべて無料・ブラウザ完結）
- 対応環境
- スマホ / タブレット / PC の主要ブラウザ
- 制作
- AMIX（大阪のデザイン事務所）
よくある質問
Three.jsのゲームは無料で遊べますか？
はい。このページで紹介しているゲームはすべて無料です。アカウント登録もアプリのインストールも不要で、リンクを開くだけで始められます。
スマホでも動きますか？
動きます。Three.jsはWebGLを使ってブラウザ上で3Dを描画するため、iPhone・AndroidのブラウザでもPCと同じURLでそのまま遊べます。各ゲームはタッチ操作にも対応しています。
新しいゲームは追加されますか？
されます。現在も複数のThree.jsゲームを制作中です。公開され次第、このギャラリーに並びます。
Three.jsでゲームを作る方法を知りたい。
まずシーン・カメラ・レンダラーの基本構成を理解して、小さな表現から始めるのがおすすめです。AMIXのモーション＆WebGLギャラリーでは、Three.jsの表現サンプルを多数公開しています。