Point Cloud Viewer trên web

import * as THREE from 'three';
import { Potree } from 'potree-core';

const renderer = new THREE.WebGLRenderer({ antialias: true });
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(60, w / h, 0.1, 10000);

// Load octree-indexed point cloud
const pointcloud = await Potree.loadPointCloud(
  'https://tsvidev.com/api/v1/pointcloud/metadata.json'
);

pointcloud.material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
pointcloud.material.shape = Potree.PointShape.CIRCLE;
pointcloud.material.pointBudget = 2_000_000;
scene.add(pointcloud);

// Render loop with LOD streaming
function animate() {
  requestAnimationFrame(animate);
  pointcloud.updateVisibility(camera, renderer);
  renderer.render(scene, camera);
}
animate();