Comments (8)
画面遷移を考える
大枠
- これでどんなことができるのかの説明
- 説明の一環として千円札を用いたキャリブレーション
- まずは横幅から計測することをアニメーションで伝える
- 次に段差の高さを計測
- 次に、奥行きの最大値を計測
そのさい、車椅子に人にとって傾斜の急なプレートは危険であり、極力緩やかになるように可能な限りスペースをとってほしいことを伝える(映像表現が使えるかもしれない) - 計測結果を表示する
from ar-step.
それぞれどんな表示要素と流れが必要か考える
ARSCANでどんなことができるのかを説明する
- 使用イメージのGIFアニメーション
- この機能では、ARを使用してあなたがプレートを設置しようとしている場所の高さが奥行きといった情報を定規いらずで計測することができます。入り口の広いお店の計測などに便利です。
- 所要時間は、約2分です。
- 正しい数値を出すために標本として千円札使います。
- はじめるボタン
千円札を用いたキャリブレーション
-
まずはじめに、正確に数値を計測できるようにセットアップをしましょう。
-
セットアップには千円札が必要です。
-
千円札を用意して机や地面などの平たい場所に置いてください。
-
準備完了ボタン
-
千円札の全体がカメラに映るようにしてください。
-
平面を検知しました!
-
(イラストを見せつつ)千円札の左上にポインタを合わせて、シャッターボタンを押してください。
-
続けて、ポインタを右上に合わせてシャッターボタンを押してください�
-
すばらしい!セットアップが完了しました!
このアプリは、このようにして段差の端と端にピンを打つことで長さを計測していきます。 -
わかったボタン or やり直すボタン
横幅計測
-
それでは、段差の計測を開始します。
-
いま計測する段差の前にいない場合は、場所へ移動してください。
-
準備ができたら始めるボタンを押してください
-
はじめる
-
まずは、設置場所の横幅について計測します。
-
横幅の左側の点にカーソルを合わせて、シャッターボタンを押してください。
-
次に、横幅の右側に向かってスマホをゆっくりと移動させて、シャッターを押してください。
-
すばらしい!横幅の長さは122cmです。
-
再計測 or 次へ
高さの計測
-
次に、段差の高さを計測します。
-
さっきシャッターを押したポイントを基準に高さを算出します。
-
先程のポイントにカーソルを合わせ、ガイドに合わせてスマホを上に移動してシャッターを押してください。
-
すばらしい!
高さは2.5cmのようです。 -
再計測 or 次へ
奥行きの計測
- いよいよ最後の計測です。
- 次は奥行きの計測になります。
(以下アニメーションもしくは動画と一緒に)
-
奥行きの計測では、プレートの奥行きはここからここまでの長さならOKという目線で2つのポイントを指定していただきます。
-
こうすることで、許された設置スペースの中で、最大限車椅子の人にとって安全な傾斜のプレートをご提案することができるようになります。
-
それではまず、最短の奥行きとなるポイントを指定してください。
良いと思った点で、シャッターボタンを押してください。 -
それでは次に、最長の奥行きとなるポイントを指定してください。
計測結果
-
お疲れさまでした!
-
設置場所の大きさが計測できました!
-
この寸法にフィットしたプレートをご提案させていただきます。
-
奥行きを再計測 or はじめから再計測 or プレートを見る
from ar-step.
from ar-step.
カメラ映像のサンプルを、各セクションしっかりと設定する必要あり
from ar-step.
追加の懸念事項
2段程度の階段の段差を解消したい場合、現在の横をやってから縦やり方だと、正確に高さの計測や奥行きの計測ができない。
最初に階段タイプを解消したいのか、1段を解消したいのかを選択してもらい、それに応じて計測の方法などを切り替えていく必要がある。
卒制までは、1段の段差を解消することを目標に開発を進め、その後階段タイプの段差にも対応できるように改良を進めていってはどうだろうか。
from ar-step.
富所先生のアドバイスを受け、
テーマ色を青を貴重としたものに変更
from ar-step.
このデザインをXDでやるのは難しい。
CINEMA 4Dでのデザインに移行する。
from ar-step.
C4D上に、計測のロジックを再現することに成功。
あとはARのデザインを、2Dパーツと関連する形で進めていきたい。
C4D上で2Dパーツを操作して3Dを動かすということは難しいので、そこまではやらない。
ただし、全景オブジェクトのマテリアルとして貼り、そのマテリアルをXpressoで変動させることはできるので、scene遷移Xpressoと連携させて、操作感を確認するようにする。
- C4DのカメラとXDのキャンバスサイズを一致させる
- XD上でUI遷移を全パターン作る
- 全ボードに決まった名前をつけてPNGで書き出し
- C4Dの全景オブジェクトにマテリアルとして貼れるようにXpressoを制作
- mohuwa先生に見せれるように
from ar-step.
Related Issues (20)
- 海老ラーメンを食べに行く HOT 3
- SPのシングルのコーディング
- [企画]進めバリアフリーフィード
- API実装
- 手動入力では、検索利用可能に
- SPの検索結果ページコーディング
- 画像URLを挿入していく
- # プレゼン資料制作 HOT 2
- JSConf に行く HOT 1
- UI部分のコーディング
- AR SCANの使い方がわかるアニメーションを制作する
- 画面遷移のしくみをつくり枠組みを作る(HTML/Vue的なところ)
- AR基盤より上のレイヤの実装
- 動画を指定範囲でループできるように実装する HOT 1
- ピンがカメラを向く
- 8thWallと組み合わせて6DoF化 HOT 4
- Vue.jsの適切な実行タイミングを探る
- imgやvideoが表示されない問題を解決する
- raycastによってピンが地面に吸い付くように HOT 8
- ピンがカメラの方を向くように
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ar-step.