Skip to content

Photogrammetry

Working Example

<>

Description

This is a photogrammetry model I created using the 3d Scanner App which is available on IOS.

Scanning is quite fast, it only took a minute to make.

I then exported the HD version as GLB.

I Imported it into Blender to tidy up some messy artifacts around the edges.

Then I exported from Blender as GLB.

Note that file that Blender exports may be much larger than the original you just imported.

To solve my problem, I deselected DataMeshNormals when exporting.

Deselect Normals

Next I processed the file using GLTFJSX to make the file much smaller to download.

Raycasting to a Photogrammetry Model

Photogrammetry models will contain many thousands of vertices and faces. Raycasting against a geometry with so much detail can cause the raycaster to appear sluggish.

To counteract this problem, I created an invisible box with roughly the same dimensions as the wall and instead raycast against that.

It is much faster. Double-click the wall to try it out.

GitHub Branch

git clone https://github.com/Sean-Bradley/React-Three-Fiber-Boilerplate.git
cd React-Three-Fiber-Boilerplate
git checkout photogrammetry
npm install
npm start

Graffiti/Mural

The graffiti/mural is suspected of being created by Bansky as was first noticed about Fri 13 Oct 2023.

It is located around the corner from Edgware Road tube station in London on Old Marylebone Road, next to bus stop 51848.

The text reads,

MOON MAP SHOWS...
ANOTHER WORLD IS POSSIBLE
PUT PAINT EVERYWHERE!
THE ART OF BA____?

Comments