レーザレンジスキャナーとwebgl
DESCRIPTION
HTML5カンファレンス2013のスペシャルセッションにてLTに使用したスライドTRANSCRIPT
![Page 1: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/1.jpg)
レーザレンジスキャナーと WebGL
街の形をクルマから取り込んでみた
![Page 2: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/2.jpg)
自己紹介• 高橋知宏と申します
• 前職:エンジニアとしてVoIP等やってました
• 現在の所属:試される大地の大学の研究室スタッフ
!• 工作系(Maker Faire Tokyo 2013出展)
• 加速度系(単車、雪板)
• 最近はBLEに興味
!2
![Page 3: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/3.jpg)
今日のお話
!3
![Page 4: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/4.jpg)
雪を計測したい• 札幌は豪雪地帯
• 累積6m超で200万人が住む都市は他に無い
• 除排雪費用200億円/年
• 効率化できたら嬉しい
• まずは道路周辺の雪を計測してみよう
!4
![Page 5: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/5.jpg)
CPS: Cyber Physical System
• 何故にこのような取り組みをするのか?
• 実社会(Physical)と情報世界(Cyber)を相互に接続し、より高度な社会を実現しようとする研究
!5http://itpro.nikkeibp.co.jp/article/COLUMN/20101210/355115/
![Page 6: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/6.jpg)
やってみたこと
!6
![Page 7: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/7.jpg)
Laser Range Scanner
• 赤外レーザーにより距離を計測
• 回転しながら円周状にスキャン
!• 仕様
– IR Laser (850nm) Class1 eye-safe –分解能0.5°スキャン幅270°
– 30mm~50m / 分解能1mm
– 50Hz!7
![Page 8: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/8.jpg)
車両から道路形状を観測
路面形状観測
有効幅 !8
Laser Range Scanner
縁石検出
![Page 9: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/9.jpg)
路面荒れ
積雪期に雪山を観測(予定)
堆雪高
有効幅
!9
Laser Range Scanner
堆雪高
堆雪量推測
![Page 10: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/10.jpg)
ハードウェア
3G回線
●端末ID ● GPS緯度経度!●加速度、方位!●スキャンデータ
情報管理サーバ
蓄積
収集
車載機材
スキャナー スマートフォン!(GPS)
車両
WiFi
電源
ドライブレコーダー
●メモリーカード
GPS
!10
![Page 11: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/11.jpg)
ソフトウェア
!11
このへんが
HTML5
![Page 12: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/12.jpg)
車両後部への搭載
!12
スマートフォンモニター
ダッシュボードへの設置 走行試験
![Page 13: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/13.jpg)
!13
![Page 14: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/14.jpg)
デモ
!14
![Page 15: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/15.jpg)
まとめ• 緯度経度に紐付いた、車載レーザレンジスキャナのデータを検討&解析するためのコンソールをHTML5で製作中
• WebGL/three.jsのParticle SystemでPoint
Cloudを3D表示
• ドライブレコーダ動画
• 加速度センサグラフ
• 予定:定期的に運行する車両へ搭載、日次運用して、道路周辺環境(堆雪)の変化を観測、解析 !15
![Page 16: レーザレンジスキャナーとWebGL](https://reader033.vdocuments.pub/reader033/viewer/2022060201/559a9fbf1a28abfb088b46d7/html5/thumbnails/16.jpg)
ご清聴ありがとうございました
@edy555
!16
Thank you!!!