mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-04 17:38:10 +00:00
94 lines
3.4 KiB
HTML
94 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<!-- HTML Meta Tags -->
|
|
<title>KalidoKit - Face and Body Rig Solver</title>
|
|
<meta
|
|
name="description"
|
|
content="Track face and body rigs just your browser webcam!"
|
|
/>
|
|
|
|
<!-- Twitter Meta Tags -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta property="twitter:domain" content="kit.kalidoface.com" />
|
|
<meta property="twitter:url" content="https://kit.kalidoface.com/" />
|
|
<meta name="twitter:title" content="KalidoKit - Face and Body Rig Solver" />
|
|
<meta
|
|
name="twitter:description"
|
|
content="Track face and body rigs just your browser webcam!"
|
|
/>
|
|
<meta
|
|
name="twitter:image"
|
|
content="https://cdn.glitch.com/239c5934-4d83-4c5c-bef6-44dcdb04c8fb%2Fkalidoface-meta.jpg?v=1630110302224"
|
|
/>
|
|
<meta
|
|
name="viewport"
|
|
content="viewport-fit=cover, user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"
|
|
/>
|
|
<link
|
|
rel="shortcut icon"
|
|
href="https://yeemachine.github.io/kalidoface-live2d-models/Icons/icon-circle.svg"
|
|
/>
|
|
<!-- Basic Three.js -->
|
|
<script src="https://unpkg.com/three@0.133.0/build/three.js"></script>
|
|
<!-- GLTF Loader for Three.js -->
|
|
<script src="https://unpkg.com/three@0.133.0/examples/js/loaders/GLTFLoader.js"></script>
|
|
<!-- Orbit Controls for Three.js -->
|
|
<script src="https://unpkg.com/three@0.133.0/examples/js/controls/OrbitControls.js"></script>
|
|
<!-- VRM Loader for Three.js -->
|
|
<script src="https://unpkg.com/@pixiv/three-vrm@0.6.7/lib/three-vrm.js"></script>
|
|
<!-- Mediapipe or Tensorflow.js -->
|
|
<script
|
|
src="https://cdn.jsdelivr.net/npm/@mediapipe/holistic@0.5.1635989137/holistic.js"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
|
|
<!-- Mediapipe Drawing Tools -->
|
|
<script
|
|
src="https://cdn.jsdelivr.net/npm/@mediapipe/drawing_utils/drawing_utils.js"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<!-- Mediapipe Camera Tools -->
|
|
<script
|
|
src="https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils/camera_utils.js"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<div class="preview">
|
|
<video class="input_video" width="1280px" height="720px"></video>
|
|
<canvas class="guides"></canvas>
|
|
<section>
|
|
<a href="/live2d/"><p>Live2D</p></a>
|
|
<a class="current" href="/"><p>VRM</p></a>
|
|
</section>
|
|
</div>
|
|
<h1 class="notranslate">
|
|
<a href="https://3d.kalidoface.com">kalidoface</a>
|
|
</h1>
|
|
<nav>
|
|
<a href="https://www.npmjs.com/package/kalidokit">
|
|
<img
|
|
src="https://cdn.glitch.me/447b6603-7eae-4da6-957d-73ee30c8e731%2Fnpm.png?v=1635133318451"
|
|
/>
|
|
</a>
|
|
<a href="https://github.com/yeemachine/kalidokit">
|
|
<img
|
|
src="https://cdn.glitch.me/447b6603-7eae-4da6-957d-73ee30c8e731%2Fgithub.png?v=1635133310517"
|
|
/>
|
|
</a>
|
|
<a href="https://twitter.com/yeemachine">
|
|
<img
|
|
src="https://cdn.glitch.me/447b6603-7eae-4da6-957d-73ee30c8e731%2Ftwitter.png?v=1635133322561"
|
|
/>
|
|
</a>
|
|
</nav>
|
|
<p class="linkOut">
|
|
Visit
|
|
<a id="full" href="https://kalidoface.com">the full Vtuber App</a>!
|
|
</p>
|
|
<script src="./script.js" type="module" defer></script>
|
|
</body>
|
|
</html> |