I'm having trouble displaying my ply file using the three.js webgl_loader_ply example. Even though I can view the object in MeshLab when I open the ply file, it doesn't show up in the three.js example. I've tried various adjustments like zooming out, changing the camera angle, and disabling the shadowedlight feature, but nothing seems to work. Any additional tips or suggestions?
Below is the modified version of webgl_loader_ply.html:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Custom three.js - PLY</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style>
body {
font-family: Arial;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}
#info {
color: #333;
font-size: 14px;
text-align: center;
padding: 10px;
background-color: #fff;
}
a { color: blue; text-decoration: none; }
.button { background: #007bff; color: #fff; padding: 5px 10px; cursor: pointer; border-radius: 3px; }
.highlight { background: #ffc107; color: #333; }
span {
display: inline-block;
width: 80px;
float: left;
text-align: center;
}
</style>
</head>
<body>
<div id="info">
<a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> -
PLY loader test by <a href="https://github.com/menway">Wei Meng</a>. Image from <a href="http://people.sc.fsu.edu/~jburkardt/data/ply/ply.html">John Burkardt</a>
</div>
<script src="../build/three.js"></script>
<script src="js/loaders/PLYLoader.js"></script>
<script src="js/Detector.js"></script>
<script src="js/libs/stats.min.js"></script>
<script>
// JavaScript code here
</script>
</body>
</html>