| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"> |
| <title>Godot-groq-moa</title> |
| <style> |
| html, body, #canvas { |
| margin: 0; |
| padding: 0; |
| border: 0; |
| } |
| |
| body { |
| color: white; |
| background-color: black; |
| overflow: hidden; |
| touch-action: none; |
| } |
| |
| #canvas { |
| display: block; |
| } |
| |
| #canvas:focus { |
| outline: none; |
| } |
| |
| #status, #status-splash, #status-progress { |
| position: absolute; |
| left: 0; |
| right: 0; |
| } |
| |
| #status, #status-splash { |
| top: 0; |
| bottom: 0; |
| } |
| |
| #status { |
| background-color: #242424; |
| display: flex; |
| flex-direction: column; |
| justify-content: center; |
| align-items: center; |
| visibility: hidden; |
| } |
| |
| #status-splash { |
| max-height: 100%; |
| max-width: 100%; |
| margin: auto; |
| } |
| |
| #status-progress, #status-notice { |
| display: none; |
| } |
| |
| #status-progress { |
| bottom: 10%; |
| width: 50%; |
| margin: 0 auto; |
| } |
| |
| #status-notice { |
| background-color: #5b3943; |
| border-radius: 0.5rem; |
| border: 1px solid #9b3943; |
| color: #e0e0e0; |
| font-family: 'Noto Sans', 'Droid Sans', Arial, sans-serif; |
| line-height: 1.3; |
| margin: 0 2rem; |
| overflow: hidden; |
| padding: 1rem; |
| text-align: center; |
| z-index: 1; |
| } |
| </style> |
| <link id="-gd-engine-icon" rel="icon" type="image/png" href="Godot-simple-groq-api.icon.png" /> |
| <link rel="apple-touch-icon" href="Godot-simple-groq-api.apple-touch-icon.png"/> |
|
|
| </head> |
| <body> |
| <canvas id="canvas"> |
| Your browser does not support the canvas tag. |
| </canvas> |
|
|
| <noscript> |
| Your browser does not support JavaScript. |
| </noscript> |
|
|
| <div id="status"> |
| <img id="status-splash" src="Godot-simple-groq-api.png" alt=""> |
| <progress id="status-progress"></progress> |
| <div id="status-notice"></div> |
| </div> |
|
|
| <script src="Godot-simple-groq-api.js"></script> |
| <script> |
| const GODOT_CONFIG = {"args":[],"canvasResizePolicy":2,"ensureCrossOriginIsolationHeaders":true,"executable":"Godot-simple-groq-api","experimentalVK":false,"fileSizes":{"Godot-simple-groq-api.pck":4365936,"Godot-simple-groq-api.wasm":35372023},"focusCanvas":true,"gdextensionLibs":[]}; |
| const GODOT_THREADS_ENABLED = false; |
| const engine = new Engine(GODOT_CONFIG); |
| |
| (function () { |
| const statusOverlay = document.getElementById('status'); |
| const statusProgress = document.getElementById('status-progress'); |
| const statusNotice = document.getElementById('status-notice'); |
| |
| let initializing = true; |
| let statusMode = ''; |
| |
| function setStatusMode(mode) { |
| if (statusMode === mode || !initializing) { |
| return; |
| } |
| if (mode === 'hidden') { |
| statusOverlay.remove(); |
| initializing = false; |
| return; |
| } |
| statusOverlay.style.visibility = 'visible'; |
| statusProgress.style.display = mode === 'progress' ? 'block' : 'none'; |
| statusNotice.style.display = mode === 'notice' ? 'block' : 'none'; |
| statusMode = mode; |
| } |
| |
| function setStatusNotice(text) { |
| while (statusNotice.lastChild) { |
| statusNotice.removeChild(statusNotice.lastChild); |
| } |
| const lines = text.split('\n'); |
| lines.forEach((line) => { |
| statusNotice.appendChild(document.createTextNode(line)); |
| statusNotice.appendChild(document.createElement('br')); |
| }); |
| } |
| |
| function displayFailureNotice(err) { |
| console.error(err); |
| if (err instanceof Error) { |
| setStatusNotice(err.message); |
| } else if (typeof err === 'string') { |
| setStatusNotice(err); |
| } else { |
| setStatusNotice('An unknown error occured'); |
| } |
| setStatusMode('notice'); |
| initializing = false; |
| } |
| |
| const missing = Engine.getMissingFeatures({ |
| threads: GODOT_THREADS_ENABLED, |
| }); |
| |
| if (missing.length !== 0) { |
| if (GODOT_CONFIG['serviceWorker'] && GODOT_CONFIG['ensureCrossOriginIsolationHeaders'] && 'serviceWorker' in navigator) { |
| |
| Promise.race([ |
| navigator.serviceWorker.getRegistration().then((registration) => { |
| if (registration != null) { |
| return Promise.reject(new Error('Service worker already exists.')); |
| } |
| return registration; |
| }).then(() => engine.installServiceWorker()), |
| |
| new Promise((resolve) => { |
| setTimeout(() => resolve(), 2000); |
| }), |
| ]).catch((err) => { |
| console.error('Error while registering service worker:', err); |
| }).then(() => { |
| window.location.reload(); |
| }); |
| } else { |
| |
| const missingMsg = 'Error\nThe following features required to run Godot projects on the Web are missing:\n'; |
| displayFailureNotice(missingMsg + missing.join('\n')); |
| } |
| } else { |
| setStatusMode('progress'); |
| engine.startGame({ |
| 'onProgress': function (current, total) { |
| if (current > 0 && total > 0) { |
| statusProgress.value = current; |
| statusProgress.max = total; |
| } else { |
| statusProgress.removeAttribute('value'); |
| statusProgress.removeAttribute('max'); |
| } |
| }, |
| }).then(() => { |
| setStatusMode('hidden'); |
| }, displayFailureNotice); |
| } |
| }()); |
| </script> |
| </body> |
| </html> |
|
|
|
|
