1 of 36

たぶん世界初！

カスタムNorthStarをイベント展示

株式会社ワントゥーテン 岩中、平野、中西

2 of 36

目次

  • はじめに
  • 展示用NorthStar 開発秘話
  • NorthStarコンテンツ 開発秘話
  • イベント運用
  • おまけ
  • 今後の展望

2

3 of 36

1. はじめに

メンバー紹介

岩中 宏充

コンテンツ担当

平野 光洋

機材・製造担当

中西 勝

(K2 @skckmdtk2m)

ハード設計担当

3

4 of 36

1. はじめに

株式会社ワントゥーテンとは

4

5 of 36

1. はじめに

InterBee2018で、テクノネット社と共同開発したNortStarを使ったコンテンツを展示しました

各社担当

  • テクノネット社：試合データ配信システム
  • 1-10担当：ハード＆コンテンツ

5

6 of 36

1. はじめに

世界初の

商用イベントでの活用

（たぶん！）

6

7 of 36

1. はじめに

どのようなコンテンツだったかPVでご紹介いたします

7

8 of 36

1. はじめに

8

9 of 36

1. はじめに

手を握る→ひらくでリプレイ映像

9

10 of 36

1. はじめに

手を返すと注目選手のデータが

10

11 of 36

1. はじめに

イイね でMVP投票！

11

12 of 36

1. はじめに

それでは、このカスタムNorthStarとコンテンツが、

どの様に作られたかをご紹介いたします。

12

13 of 36

展示用NorthStar 開発秘話

展示用NorthStar開発 秘話

13

14 of 36

展示用NorthStar 開発秘話

開発の流れ

・展示を想定したトラブルの洗い出し

・社内3Dプリンター試作

・この段階ではレンズはForm2+ミラーフィルム

　・高解像度ディスプレイの見え感を確かめる

​

試作

（簡易版）

ディスプレイ高解像度化

リサーチ

調達

検証

14

15 of 36

展示用NorthStar 開発秘話

開発の流れ

・業務用3Dプリンター（MJF・ナイロンSLS）

・アクリル切削 + 蒸着ハーフミラー加工

・ウレタン塗装

設計

製造

組み立て

この間も

・小さく作って検証

・設計へ適用

のサイクルを回す

15

16 of 36

展示用NorthStar 開発秘話

試作（簡易版）

​

​

  • 簡易版は手軽に作れる・体験できるが目的
    • Rasp Pi液晶では解像度が低く（物理解像度480x320）、文字が読めない

まずは高解像度化する必要がある！

各種電子部品通販サイト（RSやDigi-Key）、Aliexpressでリサーチだ！

16

17 of 36

展示用NorthStar 開発秘話

リサーチ

リサーチ

​

​

  • 公式のBOE 3.5-in VS035ZSM-NW0は小売りしてない
  • 電子部品通販サイトにもちょど良いものはない
  • でも、AliExpressなら...

17

18 of 36

展示用NorthStar 開発秘話

リサーチ

​

​

リサーチ

これで2,160×1,200 (片目：1,080×1,200)が

できそうだ！

18

19 of 36

展示用NorthStar 開発秘話

​

​

�→ SLS式3Dプリンターで強度・剛性の向上、剥げにくいウレタン塗装が必要�

�→ 基板をユーザーがさわれないように、カバーで隠す�

�→ 抜けない用に筐体で保護＋ケーブルをまとめる�

�→ 内側へハーフミラー（メッキ）加工、レンズのサイドを塞ぎ没入感を向上�　※Form2など光造形はめっきが困難のため、アクリル切削＋真空蒸着

簡易版をもとに、想定される展示でのトラブルを洗い出す

​

​

  • 雑に扱われてしまい、フレームが壊れる��
  • 誤って基板のボタンを押してしまう、静電気などのトラブル ��
  • ケーブルを踏んでしまう��
  • 会場が明るく、レンズに像がキレイに映らない可能性

19

20 of 36

展示用NorthStar 開発秘話

対策を設計に適用する

ケーブル抜け防止

基板に触れられないカバー

強度・剛性の向上

剥げにくいウレタン塗装

ハーフミラー加工

サイドを塞ぐ

20

21 of 36

展示用NorthStar 開発秘話

つまづいた点

​

​

  • 試しに作ろうが難しい。。。

​

​

​

�

  • ケーブルとディスプレイの相性問題

​

​

​

�

​

  • 急遽DMM.makeのナイロン3Dプリンターが不調

​

​

​

    • リフレクター磨くのが大変、
    • リフレクターのミラーシートはるのめっちゃ難しい。。。
    • FDM式3Dプリンターではすぐに歪んでキャリブレーションが狂う
    • そもそものNorthStarの組み立て難易度が異様に高い�

​

    • いきなり画面が消えてしまい、原因追求に時間を取られた
      • そもそも、フレキ基板が短く負荷がかかりやすい
        • 開発中に何台かこわれました
      • 原因は、安いスリムHDMIケーブルを使っていたせい
      • 信頼性のあるブランドのものを使ったら一発解決�

​

    • MFJ式と海外の3Dプリンターサービスを使うことで回避

21

22 of 36

展示用NorthStar 開発秘話

ケーブルとディスプレイの相性問題

​

22

23 of 36

NorthStarコンテンツ 開発秘話

コンテンツ開発 秘話

23

24 of 36

コンテンツ開発秘話

どんな奴が作ったの？� 仕事でよく使うのはOpenFrameWorks� Unityは雰囲気を理解している程度� その他雰囲気で使うやつ Max, VueJS, Laravel, Django...etc� あとShell好き。コマンドラインで動かすのって無駄に玄人感出ますよね� 電子工作系もやってたりやってなかったり

基本的な開発の流れ

  • 開発の相談を受ける
  • 納期に唖然する
  • スポーツ観戦向けにUXを考える
  • SDKを調査
  • ひたすら開発

24

25 of 36

唯一困ったところ

SDKで用意されてるオブジェクトちっちぇ！！！

25

26 of 36

コンテンツ開発サイドで感じた良いところ、悪いところ、そして今後の課題

​

  • 良いところ�・開発がUnityでできる�・手の認識は流石の精度�
  • 悪いところ�・キャリブレーションの難しさ�・デバイスごとに個体差がある

26

27 of 36

イベント運用

イベント運用

27

28 of 36

イベント運用

  • 3日間のべ体験人数300人以上
  • ノートラブル！
  • メディアにも取材されました

​

via: GIZMODE

via: 日経XTECH

28

29 of 36

おまけ

おまけ

29

30 of 36

おまけ

イベント後の反省会

​

​

​

    • 組み立てが難しすぎる…
      • 組み立て中にフレキ基板に負荷がかかってしまう
      • ネジが多い
    • 頭を下げると、ディスプレイ側が下がってしまう
    • 展示中のトラブルに配慮しすぎた
      • 展示中は良いけど、もう少しケーブルの抜き差しと基板のボタンを押し易くしたい
    • ヘッドギアのグレードを上げて安定度を増したい

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

と意見が上がったので、アップデートを決定！

​

​

​

30

31 of 36

おまけ

アップデート

​

​

​

構想

課題整理

31

32 of 36

おまけ

アップデート

​

​

​

設計

試作

32

33 of 36

おまけ

アップデート

​

​

​

設計

試作

しかし、先週公式からR3が…

33

34 of 36

おまけ

なので…

​

​

​

34

35 of 36

おまけ

3日でAuoOLED対応R3カスタムを作ってきました！

​

​

​

さらに…

  • 軽量化
  • パーツ数の削減
  • 純正基板も載せれます！

35

36 of 36

今後の展望

​

  • ハードの目指す方向性
    • 軽く、強く、作りやすく
    • 6DoF対応
    • スタンドアロン化

といった、体験に合ったデバイスデザイン（ビジュアル含め）を目指していく�

  • コンテンツ(というより岩中個人が感じる課題)
    • ”強みを活かす”ということが課題

長所は何か → デバイス毎にそれぞれ個性が存在する。シースルー型。

​

ハードからXRコンテンツの開発まで、

お仕事お待ちしております

36