Skip to content

Instantly share code, notes, and snippets.

@meganetaaan
Last active September 18, 2021 07:11
Show Gist options
  • Save meganetaaan/a950319e7e667c5cfaf7f978863b8635 to your computer and use it in GitHub Desktop.
Save meganetaaan/a950319e7e667c5cfaf7f978863b8635 to your computer and use it in GitHub Desktop.
スタックチャンをWebARで(model-viewerを使用)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- See: https://modelviewer.dev/ -->
<!-- Import the component -->
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
<!-- Use it like any other HTML element -->
<model-viewer src="./avatar.gltf" alt="Stack-chan" ar
ar-modes="webxr scene-viewer quick-look" environment-image="neutral" auto-rotate camera-controls></model-viewer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment