|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>3D Model Playground</title> |
|
|
<link rel="stylesheet" href="styles.css"> |
|
|
|
|
|
|
|
|
<meta name="title" content="3D Model Playground"> |
|
|
<meta name="description" content="Control 3D models with hand gestures & voice commands"> |
|
|
|
|
|
|
|
|
<meta property="og:type" content="website"> |
|
|
<meta property="og:url" content="https://collidingscopes.github.io/3d-model-playground/"> |
|
|
<meta property="og:title" content="3D Model Playground"> |
|
|
<meta property="og:description" content="Control 3D models with hand gestures & voice commands"> |
|
|
<meta property="og:image" content="https://raw.githubusercontent.com/collidingScopes/3d-model-playground/main/assets/siteOGImage.jpg"> |
|
|
|
|
|
|
|
|
<meta property="twitter:card" content="summary_large_image"> |
|
|
<meta property="twitter:url" content="https://collidingscopes.github.io/3d-model-playground/"> |
|
|
<meta property="twitter:title" content="3D Model Playground"> |
|
|
<meta property="twitter:description" content="Control 3D models with hand gestures & voice commands"> |
|
|
<meta property="twitter:image" content="https://raw.githubusercontent.com/collidingScopes/3d-model-playground/main/assets/siteOGImage.jpg"> |
|
|
|
|
|
<script defer src="https://cloud.umami.is/script.js" data-website-id="eb59c81c-27cb-4e1d-9e8c-bfbe70c48cd9"></script> |
|
|
<script type="importmap"> |
|
|
{ |
|
|
"imports": { |
|
|
"three": "https://unpkg.com/three@0.161.0/build/three.module.js", |
|
|
"three/examples/": "https://unpkg.com/three@0.161.0/examples/jsm/", |
|
|
"three/loaders/": "https://unpkg.com/three@0.161.0/examples/jsm/loaders/" |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</head> |
|
|
<body style="width: 100%; height: 100%; overflow: hidden; margin: 0;"> |
|
|
<div id="renderDiv" style="width: 100%; height: 100%; margin: 0;"> |
|
|
<div id="instruction-text" class="text-box"></div> |
|
|
<div id="video-link" class="text-box"> |
|
|
<a href="https://youtu.be/_I1E44Fp1Es?si=lR2otqR_-ZGdIGXT" target="_blank">Video Demo</a> |
|
|
</div> |
|
|
<div id="social-links" class="text-box"> |
|
|
<a href="https://www.x.com/measure_plan/" target="_blank">Twitter</a><br> |
|
|
<a href="https://www.instagram.com/stereo.drift/" target="_blank">Instagram</a><br> |
|
|
<a href="https://www.youtube.com/@funwithcomputervision" target="_blank">Youtube</a> |
|
|
</div> |
|
|
<div id="coffee-link" class="text-box"> |
|
|
<span id="logo">🪬</span><br> |
|
|
<a href="https://www.funwithcomputervision.com/" target="_blank">code & tutorials here</a> |
|
|
</div> |
|
|
</div> |
|
|
<script type="module" src="main.js"></script> |
|
|
|
|
|
</body> |
|
|
</html> |
|
|
|
