はじめに (ソフトバンクの48回分割払いで)iPhone12 Pro買いました。 フロントエンドエンジニアとして気になるのは、やはりLiDAR機能です。 今回はそのLiDARで撮影した3Dデータ(PointCloud)を、three.jsを使用してWebに表示させるところまでやってみます。 PointCloudってなに 絵でご覧いただいた方が早いと思うので、完成形を以下に。 PointCloudとは日本語で言うと「点群データ」であり、つまりは「多くの点によって立体を表現したデータ」です。 iPhone12 Proに搭載されたLiDARは、スキャンしたい対象物の点群、つまりはxyz座標をぶわーーーーっと取得できるという訳です(色情報【rgb】はカメラの方で取得?) Webというよりは、建築の測量などでよく使用されているようです。 使用アプリ PointCloudを取得するためにはアプリを使用