-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
24 lines (24 loc) · 1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>STL Viewer with Particle System</title>
<style>
body { margin: 0; }
canvas { display: block; }
#controls { position: absolute; top: 10px; left: 10px; display: flex; flex-direction: column; }
</style>
</head>
<body>
<div id="controls">
<input type="file" id="upload" />
<label for="scale">STL Ölçek: <input type="number" id="scale" value="1" step="0.1"></label>
<label for="thickness">Parçacık Kalınlığı: <input type="number" id="thickness" value="0.1" step="0.01"></label>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/mrdoob/three.js@r128/examples/js/loaders/STLLoader.js"></script>
<script src="https://cdn.jsdelivr.net/gh/mrdoob/three.js@r128/examples/js/controls/OrbitControls.js"></script>
<script src="app.js"></script>
</body>
</html>