Skip to content

Commit

Permalink
style(#1): ran format
Browse files Browse the repository at this point in the history
  • Loading branch information
gautegf committed Sep 17, 2025
1 parent 13e85f3 commit 7ee1333
Show file tree
Hide file tree
Showing 4 changed files with 88 additions and 68 deletions.
3 changes: 1 addition & 2 deletions .prettierignore
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,7 @@ dist
build

# potree public assets
public/potree
public/shaders
public/build
public/libs
public/pointclouds

Expand Down
149 changes: 85 additions & 64 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,71 +1,92 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>Molloy Explorer</title>
<head>
<meta charset="utf-8" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no"
/>
<title>Molloy Explorer</title>

<link rel="stylesheet" type="text/css" href="/build/potree/potree.css">
<link rel="stylesheet" type="text/css" href="/libs/jquery-ui/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="/libs/openlayers3/ol.css">
<link rel="stylesheet" type="text/css" href="/libs/spectrum/spectrum.css">
<link rel="stylesheet" type="text/css" href="/libs/jstree/themes/mixed/style.css">
</head>
<link rel="stylesheet" type="text/css" href="/build/potree/potree.css" />
<link
rel="stylesheet"
type="text/css"
href="/libs/jquery-ui/jquery-ui.min.css"
/>
<link rel="stylesheet" type="text/css" href="/libs/openlayers3/ol.css" />
<link rel="stylesheet" type="text/css" href="/libs/spectrum/spectrum.css" />
<link
rel="stylesheet"
type="text/css"
href="/libs/jstree/themes/mixed/style.css"
/>
</head>

<body>
<script src="/libs/jquery/jquery-3.1.1.min.js"></script>
<script src="/libs/spectrum/spectrum.js"></script>
<script src="/libs/jquery-ui/jquery-ui.min.js"></script>
<script src="/libs/other/BinaryHeap.js"></script>
<script src="/libs/tween/tween.min.js"></script>
<script src="/libs/d3/d3.js"></script>
<script src="/libs/proj4/proj4.js"></script>
<script src="/libs/openlayers3/ol.js"></script>
<script src="/libs/i18next/i18next.js"></script>
<script src="/libs/jstree/jstree.js"></script>
<script src="/build/potree/potree.js"></script>
<script src="/libs/plasio/js/laslaz.js"></script>
<script src="/libs/three.js/build/three.js"></script>

<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
<div id="potree_render_area" style="background-image: url('/build/potree/resources/images/background.jpg');"></div>
<div id="potree_sidebar_container"> </div>
</div>

<script type="module">
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));

viewer.setEDLEnabled(true);
viewer.setFOV(60);
viewer.setPointBudget(5_000_000);
viewer.loadSettingsFromURL();

viewer.setDescription("Molloy Explorer");

viewer.loadGUI(() => {
viewer.setLanguage('en');
$("#menu_appearance").next().show();
$("#menu_tools").next().show();
$("#menu_scene").next().show();
$("#menu_filters").next().show();
viewer.toggleSidebar();
});

let url = "./pointclouds/data_converted/metadata.json";
Potree.loadPointCloud(url).then(e => {
let pointcloud = e.pointcloud;
let material = pointcloud.material;
<body>
<script src="/libs/jquery/jquery-3.1.1.min.js"></script>
<script src="/libs/spectrum/spectrum.js"></script>
<script src="/libs/jquery-ui/jquery-ui.min.js"></script>
<script src="/libs/other/BinaryHeap.js"></script>
<script src="/libs/tween/tween.min.js"></script>
<script src="/libs/d3/d3.js"></script>
<script src="/libs/proj4/proj4.js"></script>
<script src="/libs/openlayers3/ol.js"></script>
<script src="/libs/i18next/i18next.js"></script>
<script src="/libs/jstree/jstree.js"></script>
<script src="/build/potree/potree.js"></script>
<script src="/libs/plasio/js/laslaz.js"></script>
<script src="/libs/three.js/build/three.js"></script>

material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
material.shape = Potree.PointShape.CIRCLE;
material.activeAttributeName = "elevation";
material.gradient = Potree.Gradients["RAINBOW"]
<div
class="potree_container"
style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px"
>
<div
id="potree_render_area"
style="
background-image: url('/build/potree/resources/images/background.jpg');
"
></div>
<div id="potree_sidebar_container"></div>
</div>

viewer.scene.addPointCloud(pointcloud);
viewer.fitToScreen();
});
</script>
<script type="module">
window.viewer = new Potree.Viewer(
document.getElementById('potree_render_area')
)

viewer.setEDLEnabled(true)
viewer.setFOV(60)
viewer.setPointBudget(5_000_000)
viewer.loadSettingsFromURL()

viewer.setDescription('Molloy Explorer')

viewer.loadGUI(() => {
viewer.setLanguage('en')
$('#menu_appearance').next().show()
$('#menu_tools').next().show()
$('#menu_scene').next().show()
$('#menu_filters').next().show()
viewer.toggleSidebar()
})

let url = './pointclouds/data_converted/metadata.json'
Potree.loadPointCloud(url).then((e) => {
let pointcloud = e.pointcloud
let material = pointcloud.material

material.pointSizeType = Potree.PointSizeType.ADAPTIVE
material.shape = Potree.PointShape.CIRCLE
material.activeAttributeName = 'elevation'
material.gradient = Potree.Gradients['RAINBOW']

viewer.scene.addPointCloud(pointcloud)
viewer.fitToScreen()
})
</script>
</body>
</html>
2 changes: 1 addition & 1 deletion src/main.js
Original file line number Diff line number Diff line change
@@ -1 +1 @@
/* Empty for now, add logic later */
/* Empty for now, add logic later */
2 changes: 1 addition & 1 deletion src/style.css
Original file line number Diff line number Diff line change
@@ -1 +1 @@
/* Empty for now, add styles later */
/* Empty for now, add styles later */

0 comments on commit 7ee1333

Please sign in to comment.