CASUAL 03 3Dテニス×リバーシ
SHIROKURO TENNIS!しろくろテニス！
テニスとリバーシを合わせた対戦ゲーム。相手が打ち返せなかったマスに自分の石が置かれ、はさめば裏返ります。うさぎ・ねこ・ペンギン・くまの4キャラと必殺技で、90秒の試合の石の数を競います。友だちとのオンライン対戦にも対応。
- ENGINE
- Three.js r185（ES Modules）＋PeerJS 1.5.5
- PLAY
- 1人〜オンライン2人対戦
FREE BROWSER 3D GAMES — POWERED BY WEBGL
THREE.JS GAME GALLERYThree.jsゲーム ギャラリー
Three.jsで作った無料ブラウザ3Dゲームの遊技場へようこそ。
インストール不要。スマホでもPCでも、リンクを開けばすぐ遊べます。
AREA 01 — 電脳遊技場
カジュアルCASUAL
気軽に遊べる3Dゲーム。水切り、カメラ散歩、テニス×リバーシ。
CASUAL 02 3D水切り
MIZUKIRI水切りゲーム
河原で石を選び、パワーと角度を決めて放る。水面を跳ねた回数を数える、それだけのゲームです。記録を伸ばすフリーモード、的当て、日替わり挑戦の3モード。低ポリゴンの川辺と、光る水面をどうぞ。
- ENGINE
- Three.js r128（WebGL）
- PLAY
- 1人・3モード
CASUAL 01 3Dフォトウォーク
SAMPOLiminal Space Photowalk
誰もいない世界の隙間を、ただ歩いて、撮る。リミナルスペース文化への敬意を込めた3Dカメラ散歩。目的もスコアもありません。あるのは、見覚えがあるのに知らない場所だけ。
- ENGINE
- Three.js r128（WebGL）
- PLAY
- 1人・撮影機能つき
SIDE STREET — わかれ道
KIDS 通りKIDS STREET
わき道の KIDS 通りの先は、夜の遊園地。小さな子どもと一緒に遊べるゲームが並んでいます。AMIX GAMES KIDS の3本です。
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さい くらいから（目安）
KIDS 04 紙ずもうアクション
RAKUGAKI KAMIZUMOらくがき かみずもう
紙にかいた力士が切りぬかれて、ちゃぶ台の土俵へ。トントンたたいて相手を押し出そう！ かいた形で動きが、ペンの色で必殺技が変わります。1台で4人まで対戦できます。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人〜1台で4人・ゆびで・4さい くらいから（目安）
KIDS 05 バルーンアート
PUKUNEJI BALLOONぷくネジ！バルーン工房
細長い風船をポンプでふくらませて、キュッとねじって、いぬやうさぎに！ じゆうなら手順も組み合わせも自分で決めて、目と名前もつけられます。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・ゆびで・5さい くらいから（目安）
KIDS STREET — ここまで
わかれ道へ もどる？BACK TO THE JUNCTION
↓ で前のゲームへ
AREA 02 — 雨の下層街
アクションACTION
飛ぶ・撃つ・走る・頭を下げる。手応えのある3Dアクション。
ACTION 09 3Dパルクール
NO STRAIGHT LINE HOMEトミナガハルキは帰れない
仕事を終えたデザイナーのトミナガハルキが、事務所から自宅まで止まらずに走る3Dパルクール。走るのは自動で、跳ぶ・くぐる・壁を走るで車や人をよけていきます。商店街・川沿い・線路沿い・屋上など5コース。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・5コース・スワイプ／キー
ACTION 08 3D謝罪バランス
SUMANNER AP超猛省！スマンナーAP
怪獣退治でパン屋の看板を踏んでしまった巨大ロボ。生中継の謝罪会見で、腰と頭の2本のレバーを操り、型どおりに頭を下げてください。下げすぎて倒れれば街ごと大惨事。倒れた瞬間は複数のカメラのリプレイで流れます。
- ENGINE
- Three.js r185（ES Modules）＋被写界深度のポストプロセス
- PLAY
- 1人・4案件（ハードは操縦席からの主観）
ACTION 07 3Dコマバトル
AVATAR BATTLER画像がそのままコマになる3Dバトル
写真やイラストを切り抜くと、その形のまま3Dのバトルゴマに。READY!? SHOOT!! で相手と同時に発射し、ドラッグで寄せてぶつけ合い、1試合1回の必殺技で決めます。決着の瞬間はスローのリプレイで。英語の実況つき。
- ENGINE
- Three.js r185（ES Modules）＋ブルーム・被写界深度のポストプロセス
- PLAY
- 1人 〜 ふたり（1台）・オンライン1対1
ACTION 06 3Dリバーシ
REVERSI BOMBERリバーシボンバー
爆撃機・戦艦・戦闘機を操って、海に浮かぶ盤へ石を落とし合うリアルタイムのリバーシ。空いたマスならどこにでも置けて、挟めば裏返ります。CPU対戦と、友だちとのオンライン対戦（1対1）に対応。
- ENGINE
- Three.js r185（ES Modules）＋PeerJS 1.5.5
- PLAY
- 1人〜オンライン2人対戦
ACTION 05 3Dアクション
TRICK or REALホンモノはだれだ？
ハロウィンの夜の街で、仮装した人ごみにまぎれたホンモノのおばけを見破ってやっつける3Dアクション。影がない、動きがへん、目が赤く光る。ランタンで照らして正体をあばき、待ちかまえるボスと巨大なオオパンプキングに挑みます。オンラインでふたり協力プレイも。
- ENGINE
- Three.js r185（ES Modules）＋PeerJS 1.5.5
- PLAY
- 1人〜オンライン2人協力
ACTION 04 3Dガンシューティング
404 CRISISエラーページ・ガンシューティング
見慣れた404ページが、数秒後に崩れて襲ってきます。ボクセルの数字でできた「404」を相手に、リロードと左右の物陰を使い分けて撃ち返すレールシューター。ステータスコードを200 OKまで戻せばクリアです。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・2難易度
ACTION 03 3Dロボットアクション
ZONE STRIKEハイスピード3Dロボットアクション
横スクロールで進む3Dロボットアクション。敵の攻撃は必ず予告されるので、見てから避けて反撃します。4つの戦域とボス、無線で進む物語、9人のランカーと戦う闘技場に加え、友だちとの対戦にも対応しています。
- ENGINE
- Three.js r185（ES Modules）＋PeerJS 1.5.5
- PLAY
- 1人〜オンライン2人対戦
ACTION 02 3Dスライダー
DROP RIOT超高層ウォータースライダー
雲の上に架かったガラスの水路を、主観視点で一気に駆け下ります。カーブと加速リングを攻める2モードに加え、落ちずにカーブだけ練習できるモードも。高所が平気な方から、そうでない方まで。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・3モード
ACTION 01 3Dフライト
HATOLANDぷっくり鳩の3Dフライト
ぷっくり可愛い鳩になって大空を飛びまわるフライトゲーム詰め合わせ。荷物をとどける「おとどけ」、ドローンを撃ち落とす「討伐」、砲台で街をまもる「防衛」、時間がめぐる島を自由に飛ぶ「そらさんぽ」の4モード。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・4モード
AREA 03 — THE GRID
レースRACE
柴犬、ターレ、建築中の橋、鮭、ネオンの壁。速さを競う3Dレース。
RACE 05 3Dネオンレース
WALLRIDE 2088ウォールライド 2088
2088年のネオンサーキットを走るレースゲーム。半分に切ったパイプのような道の外側の壁を駆け上がってゲージを溜め、道へ降りた瞬間に急加速する「DROP DASH」でライバルを抜き去ります。3Dの景色を低い解像度で描き、色数を絞ったパレットに落としたピクセルアートの画面です。
- ENGINE
- Three.js r185（ES Modules）＋パレット減色のポストプロセス
- PLAY
- 1人・8コース・4台のマシン
RACE 04 3Dアクション
SALMON ASCENT遡上
鮭になって、河口から産卵床まで川を遡る3Dアクション。滝を跳び越え、空中でひねりと宙返りを決めて高得点を狙います。水面で跳ね返る連続跳びや、川辺で待ちかまえる熊にも注意。日本・カナダ・ノルウェーの3つの川を用意しました。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・3ステージ・ノーマル／イージー
RACE 03 3D建築レース
TONTEN KANTEN!トンテンかんてん！
板を投げて釘を打ち、川やがけに橋をかけて向こう岸をめざす、どたばた建築レース。クマ・ウサギ・タヌキ・ペンギンの4人から選んで、2つのカップ全8ステージに挑戦。設計図どおりに組み上げるステージもあります。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・2カップ全8ステージ
SIDE STREET — わかれ道
パズル街区PUZZLE
扉の向こうはからくり回廊。考えて、置いて、つなげるパズルのゲームが並んでいます。
ANNEX — からくり回廊
パズルPUZZLE
考えて、置いて、つなげる。頭を使う3Dゲーム。
PUZZLE 05 連鎖で咲かせる3Dパズル
GARDEN OF STARLIT DEW星露の庭
色を失った王国の庭に、星のしずくを落として花を咲かせる3Dパズル。満ちたつぼみは咲いて、バラは十字、月光花は縦へと花ごとの向きにしずくを飛ばし、次のつぼみを咲かせます。絵本のような筆の質感で描く5つの庭・全50面と、毎日変わる今日の庭。
- ENGINE
- Three.js r186（ES Modules）
- PLAY
- 1人・50面＋日替わり
PUZZLE 04 盆をかたむける3Dパズル
YOSEBONよせぼん
木の盆をかたむけて、降ってくる玉を転がし、同じ色を3つ寄せて消す。そっと寄せるか、大きくくずすか。オンライン対戦では、消すと相手の盆に鉄の玉が降る。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1〜2人・オンライン対戦あり
PUZZLE 03 色をにじませる3Dパズル
NIJIMIXニジミックス
六角形の陶器チップを盤に積んで、となり合う赤と青をにじませると紫に。同じ色を10枚そろえると消え、消すほど盤の下の塔が伸びて、夕焼け、星空、虹の輪、その先の宇宙へ昇っていきます。エンドレスと、毎日変わるきょうの一題。
- ENGINE
- Three.js r186（ES Modules）
- PLAY
- 1人・エンドレス＋日替わり
PUZZLE 02 光の3Dパズル
PHOTON GARDENフォトン・ガーデン
夜の温室で、段を回して鏡の向きを変え、三原色の光を受光器へ届ける3Dパズル。光は重なると色を変え、全部灯すとドームを光の波が駆け上がって、植物が目を覚まします。8つの部屋・40面に、全員同じ3面を解く「きょうの一題」つき。
- ENGINE
- Three.js r186（ES Modules）
- PLAY
- 1人・40面＋日替わり
PUZZLE 01 箱庭タワーディフェンス
KIRI TO HAKONIWA霧と箱庭
六角形の土地を置いて村から道を延ばし、夜ごと霧の中から来る獣を塔で迎え撃つ箱庭タワーディフェンス。同じ地形を3つつなげると塔になり、道の形で獣の通り道が変わります。6つの谷・30面と、日替わりの「きょうの一題」。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・30面＋日替わり
PUZZLE — ここまで
わかれ道へ戻りますか？BACK TO THE JUNCTION
↓ で前のゲームへ
RACE 02 3Dドリフトレース
GYOKO DRIFT魚河岸ターレ・グランプリ
荷台に魚を積んだターレで、市場を駆け抜けるドリフトレース。売上は順位の倍率×届けた積荷の金額で決まり、派手にぶつかると魚が吹っ飛びます。速さと丁寧さの両立が勝負どころ。東京・大阪・北の港町の3ステージ。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・3ステージ
RACE 01 3Dレース
SHIBA DASH!!お散歩グランプリ
3頭身の子柴が飼い主を引きずって全力疾走する3Dレースゲーム。柴犬4種×コース6種×難易度3種。招待URLを送るだけで、友だちと2〜4人のオンライン対戦もできます。
- ENGINE
- Three.js r128（WebGL）
- PLAY
- 1人 〜 オンライン4人対戦
AREA 04 — 摩天楼の頂
シミュレーションSIMULATION
眺める、育てる、治める、操る。じっくり遊ぶ3Dシミュレーション。
SIMULATION 05 ミニチュア特撮の監督シミュレーション
KAIJU SATSUEIJO一発本番！怪獣撮影所
怪獣映画の監督になって、ミニチュアの街を一発本番で撮ります。怪獣の振りかぶりに合わせて火薬を爆破し、地上・クレーン・手持ちの3台のカメラを切り替える。モニターに映った画だけが映画になり、上映のあとに新聞の映画評と配給収入が返ってきます。全4シリーズ16作。
- ENGINE
- Three.js r186（ES Modules）＋低解像度のドット絵とフィルムの質感を出す自前のポストプロセス
- PLAY
- 1人・4シリーズ16作（撮ったテイクを通しで上映）
SIMULATION 04 重機×芋煮シミュレーション
IMONIC FRONT大鍋重機部
ショベルカーを操って、直径7メートルの大鍋で芋煮を炊き、1万人にふるまいます。薪・里芋・牛肉などを注文どおりにすくって運び、煮えたら3つの配膳鍋へ。小型・中型・大型の3台で、手応えがまるで違います。
- ENGINE
- Three.js r185（ES Modules）＋掘るとへこんで崩れる具材の山（高さ場）と、波打つ汁面
- PLAY
- 1人・3台の重機から選ぶ（教習所・キッズ操作つき）
SIMULATION 03 都道府県統一シミュレーション
47KOKUSHI47国志
都道府県をひとつ選び、毎月の内政・徴兵・出陣・外交で1,754の市町村を取り合って天下をまとめるシミュレーション。舞台は実在の地形・人口・鉄道でできた日本のジオラマ。4年ごとの知事選や包囲網、名産のブランドも。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・自動セーブで「つづきから」
SIMULATION 02 3D進化シミュレーション
EXTANT40億年をつなぐ血筋
最初の細胞から今日まで、ひとつの血筋を40億年つなぎます。分かれ道で実在の生き物の姿を選び、兆しを読んで大量絶滅に備えましょう。中央の地球儀は、古地理の標高データで5億4000万年前からの大陸の動きを描いています。
- ENGINE
- Three.js r185（ES Modules）＋古地理の標高データ（PALEOMAP PaleoDEMs）から作る3D地球儀
- PLAY
- 1人
SIMULATION 01 3D生態系シミュレーター
EBI TANKエビ飼育水槽シミュレーター
エビの水槽をただ眺める。餌やりと水換えをしながら、抱卵、孵化、脱皮、遺伝、水質変化——小さな生態系が育っていく様子を3Dで観察できます。夜、部屋を暗くして眺めるのがおすすめ。
- ENGINE
- Three.js r185（ES Modules）
- PLAY
- 1人・放置OK
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ギャラリーで公開しています。「作ってみたい」と思ったら、そちらもどうぞ。
- 収録ゲーム
- 32本（ジャンルごとの街区に並ぶ。わき道の KIDS 通りの5本をふくむ。すべて無料・ブラウザ完結）
- 対応環境
- スマホ / タブレット / PC の主要ブラウザ
- 制作
- AMIX（大阪のデザイン事務所）
よくある質問
Three.jsのゲームは無料で遊べますか？
はい。このページで紹介しているゲームはすべて無料です。アカウント登録もアプリのインストールも不要で、リンクを開くだけで始められます。
スマホでも動きますか？
動きます。Three.jsはWebGLを使ってブラウザ上で3Dを描画するため、iPhone・AndroidのブラウザでもPCと同じURLでそのまま遊べます。各ゲームはタッチ操作にも対応しています。
新しいゲームは追加されますか？
されます。現在も複数のThree.jsゲームを制作中です。公開され次第、このギャラリーに並びます。
Three.jsでゲームを作る方法を知りたい。
まずシーン・カメラ・レンダラーの基本構成を理解して、小さな表現から始めるのがおすすめです。AMIXのモーション＆WebGLギャラリーでは、Three.jsの表現サンプルを多数公開しています。