clp/enneahedron-3d
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

first commit

Browse source
This commit is contained in:
Christian Lawson-Perfect 2025-04-06 15:54:58 +00:00
commit beb51dbb5c
5 changed files with 468 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

47
index.html Normal file
View file

@ -0,0 +1,47 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Thomson problem</title>
<script type="importmap">
{
"imports": {
"three": "https://cdn.jsdelivr.net/npm/three@0.173.0/build/three.module.js",
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.173.0/examples/jsm/"
}
}
</script>
<script type="module" src="script.js"></script>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<section id="controls">
<datalist id="heights">
<option value="1"/>
<option value="1.3">
</datalist>
<datalist id="scales">
<option value="0.86"/>
</datalist>
<div>
<label for="h1"><math><msub><mi>h</mi><mn>1</mn></msup></math>:</label>
<input type="range" min="0" max="2" value="1" step="0.01" id="h1" list="heights">
</div>
<div>
<label for="h2"><math><msub><mi>h</mi><mn>2</mn></msup></math>:</label>
<input type="range" min="0" max="2" value="1.33" step="0.02" id="h2" list="heights">
</div>
<div>
<label for="scale">Scale:</label>
<input type="range" min="0" max="1" value="0.86" step="0.02" id="scale" list="scales">
</div>
</section>
<section id="three-container"></section>
<footer>
<a href="https://somethingorotherwhatever.com">made by clp</a>
</footer>
</body>
</html>