『レッツプレイ！オインクゲームズ』のUIを徹底解剖。アナログゲームのデジタル化で失われた心理的要素と解決策、そして辿り着いた”デジタルならでは”の面白さ【CEDEC2022】

登壇したのは、オインクゲームズ デジタル部でデザイナー・プログラマーとしてデジタルゲームの開発に携わっている新藤 愛大氏。本講演で紹介されている『レッツプレイ！オインクゲームズ』では、UIデザイン・モデリング・UIアニメーション・演出を担当しています。

また、今回は未登壇となった共同研究者のオインクゲームズ代表 佐々木 隼氏は、『レッツプレイ！オインクゲームズ』に収録されている全てのボードゲームのゲームデザインを手掛けています。

プレイヤー同士が無意識に「相手の表情・動き・会話」などから情報を読み取り、心理的な駆け引きを行うことがボードゲームのユニークな面白さに繋がっています。これらの情報が抜け落ちてしまうと面白さを再現できないため、従来オインクゲームズではボードゲームのデジタル化に消極的でした。

しかし、コロナ禍で人が集まりづらくなったことからボードゲームという娯楽自体の危機を感じ、「離れていても一緒に遊べる環境が必要」だという意識が生まれました。同時期に『Among Us』が流行したこともあり、オンラインでカジュアルにゲームを遊ぶ土壌ができあがっていたのも開発の後押しになりました。

デジタル化を行う際に、オインクゲームズでは3つの開発コンセプトを決めました。

このコンセプトに基づいて、ディレクターの佐々木氏がコンセプトビジュアルを作成しました。

ゲーム選択画面のコンセプトビジュアル。逆光の理由は、主体がゲームではなく「ゲームを遊ぶ場」だということ。奥にもにぎわっているテーブルがあることをイメージしている

ゲーム選択画面のコンセプトビジュアルは、オインクゲームズの特徴である小さい箱をならべ、どれを遊ぶかみんなでワイワイ選ぶイメージとなっています。ゲームを通じて人と人との関わりを大事にしたいというコンセプトが表現されています。

『海底探検』のコンセプトビジュアル。真上からのアングルではなく、現実で遊んでいる感覚に近い斜め上からのアングルになっている

本作に初期収録されている『海底探検』のコンセプトビジュアルでは、実際のボードゲームで使っているコンポーネント（構成要素・部品）をそのまま3D化し、現実でボードゲームを遊んでいるように見せています。「外側に同じテーブルを囲んでゲームをしている他のプレイヤーを感じて欲しい」という理由から、斜め上からの視点になっています。

『スタータップス』のコンセプトビジュアル。得点はUI上の数字だけで表示してもよいが、あえて得点用のチップを画面上に表示することで、実際にやり取りしている感覚に近づけている

同じく初期収録されている『スタータップス』では、UI上の数字で得点を表示するだけでもいいところを、あえて得点用のチップを画面上に配置しています。この理由は、チップなどの物質を物理的にやり取りする感覚がボードゲームの面白さの大きな要素であると実感したことだと、新藤氏は自身の体験を交えて語りました。

最初に実装されたすごろくベースの『海底探検』と、カードゲームの『スタータップス』

コンセプトの完成後、まずは先ほど登場した『海底探検』と『スタータップス』2作品の開発がスタートしました。

『海底探検』と『スタータップス』のビジュアルコンセプト

ビジュアルコンセプトを元に開発チームでUIデザインとプロトタイプの実装を進め、デジタル化が始まります。

『海底探検』と『スタータップス』。プロトタイプのプレイ画面

しかし、開発チームがテストプレイしてみると、問題なく遊べるものの「思っていたのと違う」という感覚になりました。違和感を分析すると、分かりにくい部分や、ボードゲームにもともとあったはずの面白さが欠けていることに気付きました。

課題1.自分の番が来たのが分かりにくい

まず挙がったのは「自分の番が分かりづらい」という意見です。プロトタイプでは、現実と同じように自分の手番を表示しなかった結果、デジタルでは分かりにくいことが判明しました。

「あなたの番です」という表示。黒地に黄色の文字で分かりやすい見た目になっている

そこで、どのゲームにも共通して使用できる「あなたの番です」という表示が作られました。さらに、配色は黒と黄色で分かりやすく、SEは画面から目を離していても気づきやすいように専用のものをつけるという工夫も加えました。

また、自分の番が分かりづらいという意見は『海底探検』よりも『スタータップス』で多く見られました。その理由を、『海底探検』では選択肢が表示されることで画面上に変化があったためと分析しました。

『海底探検』では自分の番にはこのような選択肢が表示される。この分だけ分かりやすくなっているという分析

一方の『スタータップス』には画面変化がない分わかりづらく、画面にも何かしらの変化が必要だと気が付きました。

画面に変化を作ることが必要

この対策として、自分の番が回ってきたときに「カメラをズームする」→「山札のカードを少し浮き上がらせる」という演出を入れています。これによって、以前よりも状況の把握が容易になりました。

課題2.いま何をすべきか見失う

次に挙がったのは「何をすべきか見失う人がいる」という問題でした。自分の番がきたら、まずは山札からカードを引かなければいけません。しかし、この段階で迷う人が多く現れました。

現実とデジタルでのプレイの違い。システム主導による進行は便利な部分もあるが、ゲームをする上ではデメリットもある

現実のプレイでは自発的にコマやカードを動かす一方で、デジタルではシステムが主導して動かしてくれます。これは便利な反面、場合によってはプレイヤーがいま何をすべきなのか分からず、置いていかれる状況を作ってしまいます。これを防ぐために、やるべきことを黒地に白のテキストで表示するというルールを全てのゲームにおいて徹底しました。

プロトタイプとルールにもとづいてガイドを入れた状態。これだけで、何をすべきか分かりやすくなる

その他の手順も表示されるようになった

デジタル化されたボードゲームの場合、アクションゲームなどと違ってプレイヤーが常に操作する状態ではありません。このことから、「今やるべきことを示すガイドが必要」ということが分かりました。

課題3.他のプレイヤーの存在を感じない

デジタル化にあたって「他のプレイヤーを感じない」という点も大きな問題となりました。現実のボードゲームと同じ遊びなのに、デジタル化した途端に他のプレイヤーを感じなくなってしまったと言います。せっかくリアルタイムで対人プレイをしているのに、CPUとプレイしているのと同じ感覚では意味がありません。

解決への一歩として、テストプレイ中に「相手の番にも、選択肢を表示するのはどうか」というアイデアが出ました。

相手の番に相手の選択肢が頭上に表示された状態。これは参加しているプレイヤー全員に見えている

このUIを追加したおかげで、それまでの無機質さは解消されたように思えました。デジタルのプレイでは、プレイヤーは変化のない画面を眺めている時間が長く、その上フィードバックが少ないという情報量の少なさがプレイの無機質さを生んでいると考えたのです。

このことから、「人間とプレイしている感」とは相手の表情・動き・会話などのメタ情報から、短い時間で多くのフィードバックを得ていると考えました。

しかし、3Dのゲーム画面だけでは得られる情報に限りがあります。そこで、リアルタイムなフィードバックをゲーム上のUIで増やす工夫が必要だという結論に至りました。

リアルタイムで選択肢が表示されることで、他のプレイヤーが何について考えているのか、何に悩んでいるのかが見えるようになりました。画面内からのフィードバックが増えたことで、画面の向こうに人間を感じることができるようになったと言います。

『スタータップス』ではガイドとともに、他プレイヤーの手札の影が表示されている

『スタータップス』では、画面の制約のため手札を全て表示するスペースがありません。他のプレイヤーの様子は手札の影として表示されています。こうしたリアルタイムのフィードバックは、この後に実装されるゲームでも数多く取り入れられています。

課題4.プレイが淡々としている

UIによるフィードバックを増やし改善されてきたものの、「プレイが淡々としている」という意見も多く見られました。

『海底探検』のプレイ上、空気の残量が減るということはプレイヤーにとっての一大事。現実のプレイではコマを誰かが動かすので自然と視線は集中し変化が大きく見えます。しかし、デジタルでのプレイはシステムが自動で動かすので、画面の中では小さな変化としてしか表れません。現実での感じ方の再現ができていなかったために感覚のズレが生じていたのです。
この感覚のズレを埋めるため、システムが自動で動かすものにカメラがズームする演出を入れました。

『海底探検』のプレイ画面。空気の残量が減るというプレイ上重要な情報をカメラが寄る演出をつけることで、現実のボードゲームとの感覚のズレを埋めるようにした

『スタータップス』では、カードやチップが置かれる場所にカメラがズームする

開発チームは当初デジタルゲーム的な演出を極力入れない方針でしたが、これを入れておかないとプレイ感に大きく影響するという発見がありました。デジタルならではの演出を加えることでプレイに抑揚が生まれ、淡々としたプレイ感が薄まってきました。

課題5.デジタルにおける"重み"

続いて、「デジタルにおける重み」について言及しました。『海底探検』をデジタルでプレイしていると、一手目でチップを拾いたくなることがありました。しかし、現実ではこのようなプレイはしづらいと言います。実際には「コマをどかして」「チップを拾い」「チップを入れ替え」「コマを戻す」という手順のコストから、チップを拾わない方向に若干のバイアスがかかります。

現実でプレイする場合の手順。デジタルではシステムが動かすが、現実ではプレイヤー自身の手で動かさなければならず、心理的な負荷がかかる

デジタルでのプレイは、このような手順をシステムが自動で処理してくれるのでプレイ自体はしやすいものの、それによって「重み」がなくなっていしまいました。これがプレイを淡々と感じる原因の一つと考えられます。

重みに対する対策として、プレイヤーが面倒に感じない範囲であえて「重み」を感じさせる操作を加えて、単調さを軽減させました。

具体例として、『海底探検』では、進行方向を選択後に自動でふられていたダイスについて、「ダイスを振る」操作を加えました。これによって、プレイヤーはよりプレイに自分の気持ちを込められるようになりました。

ゲーム開始時に自分のコマを画面中央に大きく表示し、その後スタート地点にコマを置く操作も加えました。これにより、プレイヤーは自分のコマの色が確認できます。また、コマを置く操作は、プレイヤーが「やるぞ」と現実からゲームの世界に入る儀式のような役割も果たしています。

『海底探検』で追加された操作の例。あえて動作を増やしたことで「重み」を増やし、一つの操作に気持ちを入れるタイミングを 作った

こうした積み重ねが、ボードゲームをデジタル化してもプレイ感を単調にしない要素として機能しました。

ここまでは、ボートゲームがもともと持つ面白さをどのように再現するかという話題でしたが、現実のボードゲームをデジタルゲームとして正確に再現することが必ずしもベストとは限らないことも分かってきました。アナログ、デジタルそれぞれの得意不得意を理解し、変えるべきところは変えることで、デジタルゲームだからこそできるボードゲームを目指せると新藤氏は語ります。

ここからは『レッツプレイ！オインクゲームズ』にアップデートで追加された『エセ芸術家ニューヨークへ行く』と『この顔 どの顔？』の事例をもとに解説されています。

『エセ芸術家ニューヨークへ行く！』では、プレイのための手続きや、プレイヤーの中で1人だけお題を知らない人を作るためにマスター役が必要になります。そのため、プレイにおける最低人数も4人になってしまいます。

ボードゲームでの最小プレイ人数は4人。絵を描くプレイ本編に関わらない、出題をするためのマスターが必要になる

先ほどマスターで参加していた人も、デジタルゲームでは役割をシステムに任せられるため、絵を描くプレイヤーとして参加できるようになった

デジタルゲームでは、この手続きや出題するマスターの役割をシステムに任せられるので、最小プレイ人数が3人からになりました。このように、デジタルに任せられる役割や手続きがないかを見直すことで、プレイ人数の制約やプレイヤーの負担を減らすことができます。

コンポーネントが3Dである理由として、フィジカルだからこその分かりやすさを挙げています。

例えば、チップのオモテとウラという要素自体が優秀なUIとして機能していますが、この要素を取り去ると説明が大変になります。これが、もともとのボードゲームに用いられるコンポーネントをデジタル版に生かすかどうかの基準になりました。

逆に、『エセ芸術家ニューヨークへ行く！』で使われる紙とペンのように「描くことができる」のであれば、その形状である必要がない場合もあります。デジタルに適した表現に見直されると、キャンバスに筆という組み合わせになりました。完成した絵が美術館に展示されるというゲーム後の演出も、デジタルならではの表現です。

デジタル版ではコンポーネントが筆とキャンバスに変更され、完成した絵がゲーム後に美術館に展示されるという演出がある

このような変更で、もともとのゲームが持つ視覚的な面やロールプレイという楽しさをより増幅できました。コンポーネントがその形状である理由を見直し、デジタル化するにあたって生かすべき部分やデジタルに適した形はないかを改めて模索することによって、体験の質を向上させることができると言います。

ボードゲームの不得意なこととして、時間・タイミングなどの厳密な判定が難しいことが挙げられます。一方、デジタルゲームはこれらの判定が得意です。『この顔 どの顔？』の元のボードゲームのルールでは、顔を作っているプレイヤーが完成させたものを見てから回答者が答えていました。これをそのままデジタル化すると、他のプレイヤーの顔が見えないこともあり、完成までの待ち時間が特に長く感じました。そこで、デジタル版では早押しでいつでも回答できるように変更しました。

アナログでは誰が早かったかの判定が曖昧でしたが、デジタルでは厳密に判定できています。特性を活かした遊び方の変更も柔軟に行われています。

このルール変更で、ボードゲームにはなかった「早めに回答するか」「ギリギリまで観察して確実に正解するか」というジレンマが生まれました。このジレンマに合わせて、一番最初に回答して正解したプレイヤーにボーナス点が与えられるという得点に関するルールも変更されました。これにより緊張感が持続し、最後まで飽きずにプレイできるようになりました。

現実でボードゲームをプレイする場合は知っている人とプレイすることが多いですが、オンラインプレイでは知らない人とプレイすることも多く、これがストレスにつながることがあります。『この顔 どの顔？』では、顔の完成度が悪く分かりづらいと文句を言いたくなることがあります。知っている人同士ならば問題ないであろう場面も、知らない人だと大きなストレスになる懸念がありました。

デジタル版では得点のルールを変更し、完成した顔が答えづらいものでも、それが高得点につながるような場面を 作ることでストレスの軽減につなげました。

『この顔 どの顔？』の得点ルール。左がボードゲームのもの。右がデジタル版で変更されたもの。答えが分かりづらいものほど高得点のチャンスが生まれ、顔が見えない相手とのゲームのストレスが軽減される

この変更によって、大穴狙いの回答や終盤での逆転劇が生まれ、デジタル化によってプレイの幅が広がる結果にもなりました。

現実で『エセ芸術家ニューヨークへ行く！』をプレイすると、答え合わせのあとに「この絵なんだと思った？」という会話が行われ、次回以降のプレイの工夫につながっていました。これがプレイヤーにとっては重要なフィードバックでしたが、この会話はルールに則って行われていたわけではないので、デジタル版では生まれませんでした。

そこで、勝敗には関係なく、エセ芸術家だったプレイヤーにお題の予想回答フェーズを加えることで、フィードバックのタイミングを設けました。また、『この顔 どの顔？』の場合では、正解発表後に、お題のセリフの横にプレイヤーが作った顔が表示されることでフィードバックとしています。

『エセ芸術家ニューヨークへ行く！』で行われるフィードバック。エセ芸術家がお題を理解しながらやっていたかどうかがわかる

「この顔 どの顔？」におけるフィードバック。完成した顔がセリフと合っているかどうかを確認しながら楽しめる

デジタル化にあたって見直したいポイントのまとめ

これらの事例は、単純にデジタル移植するだけでは現実でのプレイ感とは大きく異なってしまうことを示すだけでなく、デジタルならではのやり方で作品を補強することでプレイ体験が大きく向上、あるいは新たな遊び方を創造できる可能性を示しました。

当初はデジタル化に消極的だったオインクゲームズですが、実際にやってみると「良いところがたくさんあった」と言います。準備が楽になり、面倒な処理はシステムがやってくれるため、ルールの間違いがなくなります。また、離れている人とも遊べるのも大きな魅力の一つです。さまざまな面において「ちょっと遊んでみよう」というハードルがとても低くなりました。デジタルゲームとしてのボードゲームは、多くの人に楽しんでもらえる可能性を秘めています。

デジタル化によって抜け落ちてしまう要素を全て補完するのは難しいですが、いくつかの解決策は見つけることができています。デジタルの長所を伸ばすことを意識すれば、トータルでもともとの面白さに匹敵するゲームをつくることが可能だと新藤氏は述べています。

また、新藤氏は自らの体験として、今回のデジタル化に際してUIのちょっとした工夫で面白さの感じ方が大きく変わることを身をもって体験したと言います。アナログとデジタル、コンポーネントのデザインは同一でも、UIがデジタルの面白さを大きく左右してしまうのです。

元のボードゲームの面白さを知っているからこそ、「UIデザインでこのゲームをさらに面白く感じさせられるのではないか」と常に意識すべきだと改めて感じたとのことです。これを実践するためには、頭の中で考えるだけではなく、試行錯誤を繰り返し、何度もテストプレイすることが非常に重要だと語り、講演を締めくくりました。

たかひろ

ギリギリ昭和に生まれ平成で育った男性。
アクション、RPG、FPS、恋愛ADVとプレイするジャンルは様々。
一番やり込んだタイトルは『Another Century’s Episode 3 THE FINAL』。今もシリーズ新作を待ち続けています。