UNPKG

hexa-viewer-communicator

Version:

A simple API for <hexa-viewer>

56 lines 2.3 kB
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Hexa 3D Viewer Communicator</title> <link rel="shortcut icon" href="/favicon.ico"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover"> </head> <body> <button id="config-single">configurator single item</button> <button id="materialize">materialize all meshes</button> <button id="configurator-init">configurator init</button> <select name="configurator-select" id="configurator-select"> <option value="0">1</option> <option value="1">2</option> <option value="2">3</option> <option value="3">4</option> </select> <button id="pic-in-pic">Pic In Pic</button> <button id="webxr">WebXR</button> <button id="collision-init">collision</button> <button id="preset">preset</button> <button id="sync-clock">sync clock</button> <button id="wireframe">toggle wireframe</button> <button id="uv">toggle UV</button> <button id="matcap">toggle matcap</button> <button id="export">export</button> <button id="screenshotsSequence">get screenshots sequence</button> <button id="expotModel">expot model</button> <button id="apply-texture">apply texture</button> <button id="hide-buttom">hide buttom</button> <input type="file" name="file" id="file"> <hexa-viewer server="0" embed-loader="true" autorotate="true" tv="168" ar="1" debug="true" offscreen="false" auto-adjust="true"></hexa-viewer> <!-- <script async="" src="https://vqa.hexa3d.io/hexa-viewer.bundle.js"></script> --> <script async="" src="http://localhost:9000/hexa-viewer.bundle.js"></script> <script src="/main.bundle.js"></script> <!-- <video controls autoplay muted id="video" src="https://cdn.hexa3d.io/models/Sole-sing-4.mp4"></video> --> <style> html { min-width: 1px; min-height: 100vh; } body { height: 100vh; margin: 0px; min-width: 1px; min-height: 1px; } hexa-viewer { width: 100%; height: calc(100svh - 36px); } </style> </body> </html>