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

おわりに

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

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

参考

関連タグを探す