添加关照、全局等高线、修改图层问题
This commit is contained in:
100
static/sdk/three/jsm/webxr/XRPlanes.js
Normal file
100
static/sdk/three/jsm/webxr/XRPlanes.js
Normal file
@ -0,0 +1,100 @@
|
||||
import {
|
||||
BoxGeometry,
|
||||
Matrix4,
|
||||
Mesh,
|
||||
MeshBasicMaterial,
|
||||
Object3D
|
||||
} from 'three';
|
||||
|
||||
class XRPlanes extends Object3D {
|
||||
|
||||
constructor( renderer ) {
|
||||
|
||||
super();
|
||||
|
||||
const matrix = new Matrix4();
|
||||
|
||||
const currentPlanes = new Map();
|
||||
|
||||
const xr = renderer.xr;
|
||||
|
||||
xr.addEventListener( 'planesdetected', event => {
|
||||
|
||||
const frame = event.data;
|
||||
const planes = frame.detectedPlanes;
|
||||
|
||||
const referenceSpace = xr.getReferenceSpace();
|
||||
|
||||
let planeschanged = false;
|
||||
|
||||
for ( const [ plane, mesh ] of currentPlanes ) {
|
||||
|
||||
if ( planes.has( plane ) === false ) {
|
||||
|
||||
mesh.geometry.dispose();
|
||||
mesh.material.dispose();
|
||||
this.remove( mesh );
|
||||
|
||||
currentPlanes.delete( plane );
|
||||
|
||||
planeschanged = true;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
for ( const plane of planes ) {
|
||||
|
||||
if ( currentPlanes.has( plane ) === false ) {
|
||||
|
||||
const pose = frame.getPose( plane.planeSpace, referenceSpace );
|
||||
matrix.fromArray( pose.transform.matrix );
|
||||
|
||||
const polygon = plane.polygon;
|
||||
|
||||
let minX = Number.MAX_SAFE_INTEGER;
|
||||
let maxX = Number.MIN_SAFE_INTEGER;
|
||||
let minZ = Number.MAX_SAFE_INTEGER;
|
||||
let maxZ = Number.MIN_SAFE_INTEGER;
|
||||
|
||||
for ( const point of polygon ) {
|
||||
|
||||
minX = Math.min( minX, point.x );
|
||||
maxX = Math.max( maxX, point.x );
|
||||
minZ = Math.min( minZ, point.z );
|
||||
maxZ = Math.max( maxZ, point.z );
|
||||
|
||||
}
|
||||
|
||||
const width = maxX - minX;
|
||||
const height = maxZ - minZ;
|
||||
|
||||
const geometry = new BoxGeometry( width, 0.01, height );
|
||||
const material = new MeshBasicMaterial( { color: 0xffffff * Math.random() } );
|
||||
|
||||
const mesh = new Mesh( geometry, material );
|
||||
mesh.position.setFromMatrixPosition( matrix );
|
||||
mesh.quaternion.setFromRotationMatrix( matrix );
|
||||
this.add( mesh );
|
||||
|
||||
currentPlanes.set( plane, mesh );
|
||||
|
||||
planeschanged = true;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if ( planeschanged ) {
|
||||
|
||||
this.dispatchEvent( { type: 'planeschanged' } );
|
||||
|
||||
}
|
||||
|
||||
} );
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
export { XRPlanes };
|
Reference in New Issue
Block a user