ys memos

Blog

Webを介した点群ビューワー作った


react

2021/07/31


websocket を使ってみたかったので,点群(Point Cloud)を描画するアプリおよび,送信するサーバを作ってみた.


クライアント側は,最近好んで使ってる React, Typescript, Material-ui, Three.js, あたりを使った.

サーバ側は,使い慣れている PCL と,Boost を使った.



clone_repository
$ git clone https://github.com/ysuzuki19/pointcloud-web-viewer

依存は,PCL と Boost と cmake

このサーバは,Websocket に何かしらのデータを受け取った時に,その相手にデータを返すもの.

pcd ファイルを準備して,server/echo/data.pcdとして保存する.

run_server
$ cd server/echo
$ mkdir build
$ cd build
$ cmake ..
$ make
$ ./server 0.0.0.0 8080

run_client
$ cd client
$ npm install
$ npm start

ソースコードおよびデモはこちら

(気が向いたら,どっかのタイミングでコードについても書こうと思います.)


関連タグを探す