| 1234567891011121314151617181920212223242526272829303132333435363738 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>three.js webgl - loaders - gltf</title>
- <meta charset="utf-8" />
- <meta
- name="viewport"
- content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
- />
- <link rel="stylesheet" href="./index.css" />
- </head>
- <body>
- <div id="container">
- <div class="buttonBox">
- <button id="ec-button">效果对比</button
- ><button id="strength-button">微痕增强</button>
- </div>
- <model-viewer
- id="sphere"
- src="./static/gltf-13/low-13.gltf"
- camera-controls
- tone-mapping="aces"
- shadow-intensity="0"
- interaction-prompt="none"
- zoom-sensitivity="2.5"
- >
- <div class="txt">原始效果</div>
- </model-viewer>
- <div class="splitBox">
- <div class="splitLine"></div>
- </div>
- </div>
- <script type="module" src="./main.js"></script>
- <script type="module" src="./model-viewer.min.js"></script>
- </body>
- </html>
|
