10
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

VCIAdvent Calendar 2022

Day 5

VCIのUIを考えてみる(小さい物を操作する)

Last updated at Posted at 2022-12-04

はじめに

こちらの記事はVCI Advent Calendar 2022の第5日目の記事です。

UIはユーザーインタフェースです

どのプログラムを作成するときも同じですが、ユーザーインタフェース(UI)は大切です。
どんなにすごいVCIを作っても使い方が難しいと使ってもらえない、使い方を覚えるのが大変なので使わない、ってことは良くあります。
ゲームでも操作性が悪いとストーリーが楽しめないって経験をしたことが有る方も居るかもしれないですね。

UIが使いやすければ、すごくたくさん使ってもらえます。

VCIのUIいろいろ(byにゃふ屋)

VCIは少し作ったことが有るので、自作VCIのいろいろのUIを説明します。

  • Useだけで動作するタイプ
     一般的なVCIで多い操作です、握ってUseで何かのアクションが有ります。
  • Useするとメニューが出て、メニューのボタンをUseするタイプ
  • 触っただけで反応するボタンタイプ

全アイテムTSOの「にゃふ屋」と、「にゃふ」で公開していますので使ってみてください。
2022120416084406.jpg

紹介したアイテムはボタンが大きい

紹介したVCIは。Vキャス内でアバターの手を当てて操作するため、ある程度大きなボタンを想定して作っています。
大きくすることで誤操作は無くなり操作しやすくしているわけです。

リバーシで遊びたいからUI考える

突然リバーシが遊びたくなりました。
すでにTSOにいくつかリバーシが公開されていましたので使おうと思ったのですが、折角なので自作しました。
問題になるのはUIです。

リアルなリバーシは一コマが数センチ程度の大きさですが、VRの場合は操作できるように大きな駒が必要になります。
2022120416103212.jpg

大きな盤面は対戦中に全体を見るのが大変、駒を置くとき盤に入る必要がある、打つとき全体が見えないので打ち間違える、などなど発生しそうで対戦に集中できないと考えました。

「操作しにくいから負けたんだ」😱 byにゃふ

小さい盤面でも操作できるUIを考えましょう

盤を小さくすると駒も小さくなります。
手のコライダーを当てて操作するのはもう無理ゲーです。

触れないなら、細いものでつつけば良いじゃない?

ということで、黒と白の棒を作って打ちたい位置を指してペンをUseで駒を打てるUIにしました。
これで、盤を小さくしても打ち間違いが少ないUIが完成です。
2022120416134568.jpg
Luaのコードは書きませんが、手でUseで動かすUIを作成できる方は割と簡単にできると思います。

ペンで操作にしたら分かった問題点

ペンが行方不明になりました。
ペンが無いと打てません。

ということで、盤をUseするとペンが盤の上に戻るようにしました。
作ってみないとわからないですが、VCIのアイテムは結構どこかにおでかけするので、対策は入れておくようにしたいですね。

所有権難しいよ所有権(;_;)

盤、駒、白黒ペンのアイテムが有るわけですから、所有権をうまく処理しないと打てなくなります。
対戦中にいちいち所有権を考えながら打つなんて、負けた人の言い訳にされそうです。

今回はLua側で所有権周りの処理を、しっかり作りました。
対戦する方が所有権等を意識しなくても打てるレベルにはなったと思います。

ペンを持てば誰でも打てる、途中で白黒ペンを持つ人が入れ替わっても打てるという普通の操作ができるようになっています。

詳細な説明をするとアドカレ全部使っても説明できない気がするので、また機会がありましたら説明したいと思います。

リバーシはTSOで公開中

今回のUIを搭載したVCIリバーシはTSOで公開しています。もちろん0vccです。
にゃふ屋製VCIリバーシ、ダウンロードはこちらから⇒リバーシ

夜のお座敷で遊んでいただいたところ、操作性は問題なさそうでした。
2022120223492197.jpg

お座敷の方たちは強い方も多いので、夜のお座敷に対戦に行ってみてください。

今後の予定

リバーシに追加機能を検討しています

  • 棋譜の作成
  • 初手からの手順再現機能などの検討モード追加
  • 手数を戻す機能(待った)
  • PC対戦機能(簡単なおまけみたいなもの)

さらに、今回作っていくつか課題が解決したので、連珠(五並べ)を作り始めました。
こちらはまた課題がいろいろありますが、なんとかなりそうなので公開をお楽しみに。
2022112421450376.jpg

最後に

ボードゲームみんな作って一緒に遊びましょう。
他のボードゲームも遊びたいです。

それでは、まったね~。:blush:

10
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?