チームJ 安岡家
関西をつなぐ大動脈である梅田駅・その周辺は複数の駅・商業施設が組み合わさり、迷宮と言っても差し支えない様相を呈しています。
多くの観光客や乗り換えする客で賑わう梅田ですが、やはり多くの客が乗り換えでこの迷宮に呑み込まれています。このような問題は、既存の地図アプリでは地下や地上の上下関係がわからず、案内が機能しないことが原因です。そこで、階層ごとの地図を用意し、視覚的にわかりやすい案内を表示することによって、迷宮・梅田の攻略を手助けするマップを作ることでこの問題を解決します。
階層ごとに地図を表示します。階層は、自分が今いる階層に合わせてスワイプすることで変更できます。 GPSと地図を同期し、現在地を赤い丸で地図上に表示します。
ユーザは左右スワイプで階層を移動することができます。その他の操作は特になく、GPSによって自身の位置が表示されます。
地図を3Dのように表示し奥行きを表現することによって、ユーザが自分の位置や行くべき方向がわかりやすいような表現を行った点。
地図アプリである都合上ユーザは歩きながら、また荷物を持ちながらの使用が想定されるので、ユーザビリティを考慮し片手で操作を行えるようにした点。
three.js nginx cloudflared Vite OpenGL Blender