Code Monkey home page Code Monkey logo

Comments (8)

hiyakake avatar hiyakake commented on September 15, 2024

画面遷移を考える

大枠

  1. これでどんなことができるのかの説明
  2. 説明の一環として千円札を用いたキャリブレーション
  3. まずは横幅から計測することをアニメーションで伝える
  4. 次に段差の高さを計測
  5. 次に、奥行きの最大値を計測
    そのさい、車椅子に人にとって傾斜の急なプレートは危険であり、極力緩やかになるように可能な限りスペースをとってほしいことを伝える(映像表現が使えるかもしれない)
  6. 計測結果を表示する

from ar-step.

hiyakake avatar hiyakake commented on September 15, 2024

それぞれどんな表示要素と流れが必要か考える

ARSCANでどんなことができるのかを説明する

  • 使用イメージのGIFアニメーション
  • この機能では、ARを使用してあなたがプレートを設置しようとしている場所の高さが奥行きといった情報を定規いらずで計測することができます。入り口の広いお店の計測などに便利です。
  • 所要時間は、約2分です。
  • 正しい数値を出すために標本として千円札使います。
  • はじめるボタン

千円札を用いたキャリブレーション

  • まずはじめに、正確に数値を計測できるようにセットアップをしましょう。

  • セットアップには千円札が必要です。

  • 千円札を用意して机や地面などの平たい場所に置いてください。

  • 準備完了ボタン

  • 千円札の全体がカメラに映るようにしてください。

  • 平面を検知しました!

  • (イラストを見せつつ)千円札の左上にポインタを合わせて、シャッターボタンを押してください。

  • 続けて、ポインタを右上に合わせてシャッターボタンを押してください�

  • すばらしい!セットアップが完了しました!
    このアプリは、このようにして段差の端と端にピンを打つことで長さを計測していきます。

  • わかったボタン or やり直すボタン

横幅計測

  • それでは、段差の計測を開始します。

  • いま計測する段差の前にいない場合は、場所へ移動してください。

  • 準備ができたら始めるボタンを押してください

  • はじめる

  • まずは、設置場所の横幅について計測します。

  • 横幅の左側の点にカーソルを合わせて、シャッターボタンを押してください。

  • 次に、横幅の右側に向かってスマホをゆっくりと移動させて、シャッターを押してください。

  • すばらしい!横幅の長さは122cmです。

  • 再計測 or 次へ

高さの計測

  • 次に、段差の高さを計測します。

  • さっきシャッターを押したポイントを基準に高さを算出します。

  • 先程のポイントにカーソルを合わせ、ガイドに合わせてスマホを上に移動してシャッターを押してください。

  • すばらしい!
    高さは2.5cmのようです。

  • 再計測 or 次へ

奥行きの計測

  • いよいよ最後の計測です。
  • 次は奥行きの計測になります。

(以下アニメーションもしくは動画と一緒に)

  • 奥行きの計測では、プレートの奥行きはここからここまでの長さならOKという目線で2つのポイントを指定していただきます。

  • こうすることで、許された設置スペースの中で、最大限車椅子の人にとって安全な傾斜のプレートをご提案することができるようになります。

  • それではまず、最短の奥行きとなるポイントを指定してください。
    良いと思った点で、シャッターボタンを押してください。

  • それでは次に、最長の奥行きとなるポイントを指定してください。

計測結果

  • お疲れさまでした!

  • 設置場所の大きさが計測できました!

  • この寸法にフィットしたプレートをご提案させていただきます。

  • 奥行きを再計測 or はじめから再計測 or プレートを見る

from ar-step.

hiyakake avatar hiyakake commented on September 15, 2024

完了
image

from ar-step.

hiyakake avatar hiyakake commented on September 15, 2024

カメラ映像のサンプルを、各セクションしっかりと設定する必要あり

from ar-step.

hiyakake avatar hiyakake commented on September 15, 2024

追加の懸念事項

2段程度の階段の段差を解消したい場合、現在の横をやってから縦やり方だと、正確に高さの計測や奥行きの計測ができない。

最初に階段タイプを解消したいのか、1段を解消したいのかを選択してもらい、それに応じて計測の方法などを切り替えていく必要がある。

卒制までは、1段の段差を解消することを目標に開発を進め、その後階段タイプの段差にも対応できるように改良を進めていってはどうだろうか。

from ar-step.

hiyakake avatar hiyakake commented on September 15, 2024

富所先生のアドバイスを受け、

テーマ色を青を貴重としたものに変更

image
ポイントに塗り丸を加え、線を太くすることでよりわかりやすく

from ar-step.

hiyakake avatar hiyakake commented on September 15, 2024

このデザインをXDでやるのは難しい。
CINEMA 4Dでのデザインに移行する。

from ar-step.

hiyakake avatar hiyakake commented on September 15, 2024

C4D上に、計測のロジックを再現することに成功。
あとはARのデザインを、2Dパーツと関連する形で進めていきたい。

C4D上で2Dパーツを操作して3Dを動かすということは難しいので、そこまではやらない。

ただし、全景オブジェクトのマテリアルとして貼り、そのマテリアルをXpressoで変動させることはできるので、scene遷移Xpressoと連携させて、操作感を確認するようにする。

  • C4DのカメラとXDのキャンバスサイズを一致させる
  • XD上でUI遷移を全パターン作る
  • 全ボードに決まった名前をつけてPNGで書き出し
  • C4Dの全景オブジェクトにマテリアルとして貼れるようにXpressoを制作
  • mohuwa先生に見せれるように

from ar-step.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.