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
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ステージ・ノーマル／イージー
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ギャラリーで公開しています。「作ってみたい」と思ったら、そちらもどうぞ。
- 収録ゲーム
- 12本（すべて無料・ブラウザ完結）
- 対応環境
- スマホ / タブレット / PC の主要ブラウザ
- 制作
- AMIX（大阪のデザイン事務所）
よくある質問
Three.jsのゲームは無料で遊べますか？
はい。このページで紹介しているゲームはすべて無料です。アカウント登録もアプリのインストールも不要で、リンクを開くだけで始められます。
スマホでも動きますか？
動きます。Three.jsはWebGLを使ってブラウザ上で3Dを描画するため、iPhone・AndroidのブラウザでもPCと同じURLでそのまま遊べます。各ゲームはタッチ操作にも対応しています。
新しいゲームは追加されますか？
されます。現在も複数のThree.jsゲームを制作中です。公開され次第、このギャラリーに並びます。
Three.jsでゲームを作る方法を知りたい。
まずシーン・カメラ・レンダラーの基本構成を理解して、小さな表現から始めるのがおすすめです。AMIXのモーション＆WebGLギャラリーでは、Three.jsの表現サンプルを多数公開しています。