VRで視覚障害者体験 BlindStation開発記

# はじめに
[Webじゃないアクセシビリティ Advent Calendar](https://adventar.org/calendars/3036) 2018年12月22日の投稿です。

- もしVRのことわからないという人がいたらごめんなさい。VR自体の説明はしてません。
- 技術的な細かい解説は長くなりすぎるので今回はしませんが、質問がありましたら喜んでお受けします。

## 軽く自己紹介
現在フリーランスのプログラマーで、元[時代工房](https://www.jidaikobo.com/)です。
アクセシビリティで知ってることは時代工房仕込みです。
FUNCTION TALES 所属。
3〜4年前ぐらいからCGの勉強も初めて、VRとかゲームの開発は2年前ぐらいからやり始めました。

## BlindStation とは
[アクセシビリティの祭典2018](http://accfes.com/2018/)に出展した VRコンテンツです。
VRで全盲の視覚障害者の体験をしてもらいます。
架空の地下鉄の駅が舞台で、制限時間内に電車に乗れればクリア、
時間がすぎて電車が発車してしまうとゲームオーバーです。
先にコンテンツの詳しい説明を読みたい方は[完成したBlindStation](#完成したblindstation)へ。

## 開発環境・体制・期間
### 環境
Unreal Engine 4 (ゲームエンジン)
HTC VIVE (VR デバイス)
あとは Autodesk Maya(3Dモデリング) Adobe 製品(UI関連) など

### 体制
3Dモデルのデザインと制作を1名
プログラミングを1名(僕)
他、ナレーションなど音声を読んでもらった方2名

### 期間
だいたい2週間ほどだったと思います。

# きっかけ
最初はアクセシビリティとは関係ないところから始まりました。

VR でコンテンツ、ゲーム作ってる時に一番問題になるんですが。
**酔う**んです、VRって。
ちょっと移動しただけでもすぐ酔います。
よく「空を自由にとびたいな〜♪」的なことを言われるんですが(気持ちはわかるし僕もそうなんですが)
そんなことをすれば地獄のVR酔いがあなたを襲います。

- 「テレポートにすれば酔わない」
- 「視界をある程度限定すればマシ」
- 「椅子をゆらせばいいんじゃない」
- 「無重力空間だったらいけんじゃね」

等々、色々と手はありますし考えたんですが。

追い込まれた挙句
**「見えなければ、どれだけ移動しても酔わない」**
という本末転倒な結論に。

ですが、そこから

**「見えないなら、見えない人のことを体験してもらったらどうか?」**

というところから、まずは試作品を作りました。
試作品は迷路を作って、そこで何人かに遊んでもらいました。
<img src="https://qiita-image-store.s3.amazonaws.com/0/224187/75a8b3ee-3c9d-1c93-1f20-fbf7661ace7d.jpeg" width="50%" alt="PCで最初に作った試作品のキャプチャ">
*※最初に作った試作品*

# 調べたこと
アクセシビリティの祭典にブースを出すことが決まって、
本格的に作り始めることになりました。
コードを書くより、デザインを始めるよりも、何よりも先にリサーチです。

**全盲の視覚障害者の方にインタビュー**
作ろうと思ってるものを説明し、実際に何を頼りに歩いているのかなどをお聞きしました。

**点字ブロックや白杖を購入**
<img src="https://qiita-image-store.s3.amazonaws.com/0/224187/b0c6d1c3-bf5a-f292-451e-d8b8b05c67ff.jpeg" width=50% alt="白杖と点字ブロック(点ブロックと線ブロック)">
*※実際に購入した白杖と点字ブロックです。*

**実際の駅の調査**
京都の地下鉄の駅で写真や動画を撮りまくってました。
壁や床に向けて撮ってたので、かなり怪しかったと思います。


# 完成したBlindStation
駅構内、改札の外からスタートです
<img src="https://qiita-image-store.s3.amazonaws.com/0/224187/94836e47-22a5-6f1e-c14d-4e7d25c08069.jpeg" width=70% alt="プレイ画面の外部モニター出力、3Dで作られた地下鉄の駅、プレイヤーのいる位置にVRのヘッドセットと右手、白杖が浮かんでいる">
*(※この画面は、外部モニターに出力してる画面です。左上の赤枠が、実際に体験してる人の視点です)*

券売機で切符を購入
<img src="https://qiita-image-store.s3.amazonaws.com/0/224187/0c595bcc-c025-d310-bf11-6177a515b25b.jpeg" width=50% alt="プレイ画面の外部モニター出力 券売機で切符を買うところ">

改札を通ります。
<img src="https://qiita-image-store.s3.amazonaws.com/0/224187/5d2ca227-7e37-b5c8-89ff-cdbdc97d83c7.jpeg" width=50% alt="プレイ画面の外部モニター出力 改札を通るところ">

案内板でホームへの行き方を調べて
<img src="https://qiita-image-store.s3.amazonaws.com/0/224187/9f990f54-cdea-bc91-6f69-cb5205e7eb70.jpeg" width=50% alt="プレイ画面の外部モニター出力 案内板を読んでるところ">

ホームに降りて
<img src="https://qiita-image-store.s3.amazonaws.com/0/224187/4358e1cb-9171-01af-443b-a5f35d21028b.jpeg" width=50% alt="プレイ画面の外部モニター出力 ホームに降りるところ">
到着した電車に乗り込めばゴールです
<img src="https://qiita-image-store.s3.amazonaws.com/0/224187/a8c5e230-6757-de37-e109-9c5e8adf0992.jpeg" width=50% alt="プレイ画面の外部モニター出力 電車に乗り込むところ">

***

実際の体験している際の視点はこんな感じです。
<img src="https://qiita-image-store.s3.amazonaws.com/0/224187/da04d600-dd5e-0f4a-8e2a-abf77c9a9785.jpeg" width=75% alt="実際にVRを体験してる人の視点 真っ暗な中かすかに床にハイライトで線ブロックが見える 体験者が持っている白杖は見えている">
白杖で触った場所がハイライトします。点字ブロックに触れると、コントローラーのバイブレーションで手に感触が伝わります。

<img src="https://qiita-image-store.s3.amazonaws.com/0/224187/32276d63-fda5-2723-aef4-2d7fcda1602b.jpeg" width=50% alt="実際にVRを体験してる人の視点 真っ暗な中にCGで作られた白杖・右手・財布が浮かんでいる">
*※白杖・右手・財布は見えてています。*

右手は、お金を出したり、点字を読むのに使います。
<img src="https://qiita-image-store.s3.amazonaws.com/0/224187/7daefc3e-1154-7038-688e-be6ad0fa820d.jpeg" width=50% alt="実際にVRを体験してる人の視点 右手で財布から100円玉を取り出したところ">
*※うけがよかった、100円玉が無限に出て来る財布*
<img src="https://qiita-image-store.s3.amazonaws.com/0/224187/1ff9c3e0-e232-6cb5-cde1-ab74d3ae366b.jpeg" width=50% alt="実際にVRを体験してる人の視点 案内板の凹凸のみがわかる程度に見えている てですれた点字の箇所がカタカナで文字となって浮かび上がる">
*※点字は、触れた箇所からもじが浮かび上がります。*


# いざ出展
出展当日は、たくさん体験する人が来てくれました。ありがとうございました。
## やってもらってわかったこと
1. 券売機にお金を入れるアクションはほぼ説明なしでできる
2. 電車に乗り込めた人は 50%
3. 電車がどちらのホームにつくかを気づけた人は 0%
4. 階段中腹の踊り場で戸惑う人が多い
5. 聴覚障害の人もやってくれた → 字幕を用意しておけばよかった
6. 視覚障害者の人もやってくれた → 音声の充実がかなり必要

特に面白かったのが「3. 電車がどちらのホームにつくかを気づけた人は 0%」なんですが、ホームに降りた時点で左右どちらに目的の電車が来るのかわかってた人はいませんでした。
点字案内板と階段。ホームに降りてからもホームドアに書いてあるんですが、制限時間があるので焦ったのと、普段からそこにあることを知らないんだと思います。

「4. 階段中腹の踊り場で戸惑う人が多い」は、階段中腹の踊り場まで降りた時点で、ホームに降りたと思った人が多かったのと、次の階段に差し掛かるまでの距離が、白杖が届かない距離で、次の点字ブロックがないと思って戸惑って止まってしまう人が多かったです。実際には階段を降りて行くときは怖くて手すりを使うと思いますので(今回は真ん中から降りる人が多かった)、バーチャルでやってるならではの現象だったのかと思います。

5,6は改善を求められる内容でしたし、視覚障害の方に体験したいと言っていただいたのは驚きました。

## 出展側で大変だったこと
1. 安全性の確保に一人付いていないといけない
2. ヘッドホン越しの説明は大変

体験中は完全に目が覆われるので、周りのものにぶつかったりしないように、一人は見ていないといけません。
終わった後にゆっくり感想を聞いたり、ブースの他ものも説明するとなったら一人では厳しいですね。

あとは、ヘッドホンをしている状態の人に外から説明するので、終始大きな声を出していましたので、次の日は声がカスカスになりました。中に音声を送れるマイクなどは必須だと思います。

# まとめ
## 入り口に立ってもらうことが大事
視覚障害者の体験は、目を閉じればできるんです。
でも、何のきっかけもなければやらないですし、公共の場所でやると危ないです。
VRだったら、安全に。興味を持ってもらえるきっかけにもなりやすいんじゃないでしょうか。
## これまで見えてなかったものが見えるようになった
前よりも点字案内板や点字ブロックが目に入るようになりましたし、
視覚障害者の方が困ってる事への理解も深まったと思います。
自分も見てる世界が変わったので、少しでも体験してもらった人に同じ感覚になってもらえれば嬉しいです。

## 思わぬ収穫
主催者の車椅子の方に見える状態でやってもらったが、かなりテンションが上がって楽しんでもらえました。
「初めて階段降りた」とおっしゃってました。
車椅子の方が色々なところに行けたり、障害者の方が現実ではできないことがVRではできるようになるというのもひょっとしたらアクセシビリティに関係する事になるのかもしれません。

***

明日の[Webじゃないアクセシビリティ Advent Calendar](https://adventar.org/calendars/3036)は、junnama.nodaさんの「Plain Englishとやさしい日本語のはなし」です。