| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Model Viewer Sample</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- Import maps polyfill -->
- <!-- Remove this when import maps will be widely supported -->
- <script async src="https://unpkg.com/es-module-shims@1.6.3/dist/es-module-shims.js"></script>
-
- <script type="importmap">
- {
- "imports": {
- "three": "./../../dist/index.mjs",
- "threepipe": "./../../dist/index.mjs",
- "@threepipe/plugins-extra-importers": "./../../plugins/extra-importers/dist/index.js",
- "@threepipe/plugin-blend-importer": "./../../plugins/blend-importer/dist/index.mjs",
- "@threepipe/plugin-configurator": "./../../plugins/configurator/dist/index.mjs",
- "@threepipe/plugin-network": "./../../plugins/network/dist/index.mjs",
- "@threepipe/plugin-gaussian-splatting": "./../../plugins/gaussian-splatting/dist/index.mjs",
- "@threepipe/plugin-plugin-3d-tiles-renderer": "./../../plugins/plugin-3d-tiles-renderer/dist/index.mjs",
- "@threepipe/webgi-plugins": "https://unpkg.com/@threepipe/webgi-plugins@0.4.1/dist/index.mjs"
- }
- }
-
- </script>
- <style id="example-style">
- html, body, #canvas-container, #mcanvas {
- width: 100%;
- height: 100%;
- margin: 0;
- overflow: hidden;
- }
- #prompt-div{
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- color: #333;
- font-size: 2em;
- font-family: sans-serif;
- pointer-events: none;
- }
- </style>
- <script type="module" src="../examples-utils/simple-code-preview.mjs"></script>
- <script id="example-script" type="module" src="./script.js" data-scripts="./script.ts;./script.js"></script>
- </head>
- <body>
- <div id="canvas-container">
- <canvas id="mcanvas"></canvas>
- <div id="prompt-div">Drop any <span style="font-family: monospace">glb/gltf/zip/fbx/obj/stl/3dm...</span> files here</div>
- </div>
-
- </body>
|
