29 lines
1007 B
HTML
29 lines
1007 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title><model-viewer> template</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="<model-viewer> template" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
</head>
|
|
<body style="overflow:hidden; padding:10%">
|
|
|
|
<h1><model-viewer> example</h1>
|
|
<br><br>
|
|
|
|
<model-viewer
|
|
src="./../assets/index.glb"
|
|
ar alt="XR Fragments demo scene"camera-controls touch-action="none" disable-tap
|
|
field-of-view="80deg" min-field-of-view="25deg" max-field-of-view="100deg"
|
|
interpolation-decay="200" camera-target="0m 0m 0m" min-camera-orbit="0.1% 0.1% 0.1%"
|
|
style="width:66vw; height: 66vh; border-radius:5px; border:1px solid #CCC"
|
|
>
|
|
</model-viewer>
|
|
|
|
|
|
<script src="./../../dist/xrfragment.model-viewer.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js" type="module"></script>
|
|
|
|
</body>
|
|
</html>
|