docsby gkjohnson
Projecting only the meshes visible from above
import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
import { MeshVisibilityCuller, ProjectionGenerator } from 'three-edge-projection';

const URL = 'https://example.com/building.glb';
const { scene: model } = await new GLTFLoader().loadAsync( URL );

const visibleMeshes = await new MeshVisibilityCuller( renderer, { pixelsPerMeter: 0.01 } ).cull( model );

const task = new ProjectionGenerator().generate( visibleMeshes );
let step = task.next();
while ( ! step.done ) step = task.next();
On this page

Properties

Methods

new MeshVisibilityCuller(
	renderer: WebGLRenderer,
	options?: {
		pixelsPerMeter: number = 0.1
	}
)

cull

async
async cull(
	object: Object3D | Array<Object3D>
): Promise<Array<Object3D>>