Game Showcase 2026.02

ブラウザゲーム Bartender

Bartender Game — Gameplay Live
● IN-GAME
Bartender Gameplay Screenshot
実際のゲーム画面:落ち着いた木目調のバーカウンターでお客様のカクテル注文に応えるシーン
「あなたはバーのマスター。注文通りにカクテルを作り、最高のバーテンダーを目指しましょう!」
ブラウザひとつで、本格的なカクテル作りと心温まるバーの空気感を体験できるシミュレーションゲーム『Bartender』。今回はそのゲームの魅力と、細部にまで詰め込んだこだわり、そして制作の裏側を詳しくご紹介します。

はじめに ── なぜ「バー」をテーマにしたゲームを作ったのか

静かなジャズが流れていて、グラスがあって、外の時間の進み方と少しずれている。バーという場所には、そういう空気があります。

その空気を、ブラウザを開くだけで味わえないか。『Bartender』はそこから始まりました。スコアを積み上げるだけの作業ゲームではなく、グラスを傾けながら人々の物語に触れる、止まり木のような体験を目指しています。

1. カクテル作りの奥深さと、直感的なシェイク体験

『Bartender』の中心となるのは、リアルで心地よいカクテルメイキングです。カウンター越しに訪れたお客様から「称号」や「カクテル名」、そして色や風味のヒントを受け取り、下の棚に並んだ様々なボトルから材料を選び出してシェイカーへ注ぎ込みます。

レシピ通りの配合を見極め、氷を入れて冷やす。そして、このゲーム最大の醍醐味が「シェイク」です。プレイヤーのデバイスや好みに合わせて、3つの多彩な操作方法に対応しています:

Mouse / Tap
クリック・タップ操作
PCのマウスクリックやスマートフォンの画面タップで、手軽にリズムよくシェイクできます。直感的で誰でもすぐに楽しめます。
Motion Shake
ジェスチャーシェイク(スマホ振興)
スマートフォンを手に持ち、本物のシェイカーのように実際に上下に振ることでシェイク完了!加速度センサーを活用した臨場感抜群の体験です。
Camera Gesture
カメラモーション操作
Webカメラの前で手を振ると、手の動き(MediaPipe)をリアルタイムに認識してカクテルが混ざり合います。画面に触れずに遊べる近未来的な体験です。

完成したカクテルをお客様に提供すると、グラスに注がれる演出とともに判定が行われます。成功すれば満足度が上がりスコアアップ!もし失敗してしまっても、優しくやり直すことができる親切設計になっています。

2. 朝・昼・夜で移り変わる、個性豊かな町の人々

バーの扉を開けてやってくるのは、どこか懐かしく温かい町の人々や、旅の途中の冒険者たち。ゲーム内では時間帯(朝・昼・夜)によって訪れるお客様の顔ぶれが変化します。

朝には畑仕事帰りの農家や花売り、昼には町で働く職人や商人・学者、そして夜には王国の騎士や魔法使い、吟遊詩人、さらには忍びで訪れる王女まで──。総勢数十名に及ぶユニークなキャラクターたちが、それぞれ固有のセリフや悩み、好みのカクテルを持って訪れます。

3. クスッと笑える「酔っ払いシステム」

『Bartender』のユニークなこだわりが、この「酔っ払いシステム」です。お客様にお酒を続けて提供していくと、酔い具合に応じて少しずつセリフや表情が変化していきます。

「マスター……もう一杯……ひっく……!実はさ、騎士団長には内緒なんだけどな……」

お酒が進むにつれて呂律が回らなくなったり、普段は厳格な騎士が弱音を吐いたり、お堅い学者がお茶目な一面を見せたり。ゲームを進めるほどにキャラクターたちへの愛着が湧き、まるで本当の常連客と会話を交わしているような温かい気持ちになれます。

4. ジュークボックスと天候が紡ぐ、極上の空間演出

ゲームを彩るもうひとつの主役が、心地よい「音楽」と「環境演出」です。

カウンターの隅には「ジュークボックス」が置かれており、落ち着いたモダンジャズ(Skyline Serenity)、夜のしじまに寄り添うウイスキー・ナイト(Whisky Nights)、中世酒場の賑やかなメロディなど、プレイヤーがその日の気分に合わせてBGMを自由に選ぶことができます。

さらに、バーの窓の外では晴れ・雨・雪といった天候が移り変わり、雨の音や静かな夜の空気がカクテル作りの没入感をいっそう高めてくれます。

5. 図鑑集め、称号、そしてフォトモード

カクテル作りを極めていくやりこみ要素も充実しています。

GitHub リポジトリ

ゲームのソースコードやキャラクター画像・BGMアセット一式をGitHubにて公開しています。

GitHub で見る

6. 開発を振り返って ── 技術的な挑戦と想い

使っている技術はHTML5 / CSS3 / JavaScript (ES6+) というごく普通のWeb標準です。そこにBGM制御のTone.js、手の動きを読むMediaPipe、スマホの加速度センサーを重ねて、「インストール不要のブラウザだけでどこまでやれるか」を試しました。

シェイクしたときの手応え、グラスに氷が当たる音、お客様がふっと微笑む瞬間。そういう細かい部分を一つずつ潰していった結果が、いまの『Bartender』です。

複数スロットのセーブや新しいレシピ、新しいお客様など、これからもアップデートを続けていきます。あなただけのバーで、良い夜を。