copy all the small yellow text into that html box, then press run. This keeps it from getting blocked.
copy all the small yellow text into that html box, then press run. This keeps it from getting blocked.
Embedded Files
<!DOCTYPE html><html lang="en-us">
<head> <base href="https://cdn.jsdelivr.net/gh/web-ports/hollow-knight@latest/"> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Unity WebGL Player | Hollow Knight</title> <link rel="shortcut icon" href="TemplateData/favicon.ico"> <link rel="stylesheet" href="TemplateData/style.css"> <style> html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; background: #231F20; }
#unity-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; }
</style></head>
<body> <div id="loading-text" style="color: white; font-size: 48px; font-family: cursive; text-align: center; margin-top: 20px;"> LOADING... </div> <div hidden id="unity-container" class="unity-desktop"> <canvas id="unity-canvas"></canvas> <div id="unity-loading-bar"> <div id="unity-logo"></div> <div id="unity-progress-bar-empty"> <div id="unity-progress-bar-full"></div> </div> </div> <div id="unity-mobile-warning"> WebGL builds are not supported on mobile devices. </div> </div> <script> var loadingText = document.querySelector("#loading-text"); let totalBytes = 0; let loadedBytes = 0; async function getSize(url) { try { const res = await fetch(url, { method: "HEAD" }); return parseInt(res.headers.get("Content-Length") || "0", 10); } catch { return 0; } } async function fetchWithProgress(url) { const response = await fetch(url); const reader = response.body.getReader(); let chunks = []; let received = 0; while (true) { const { done, value } = await reader.read(); if (done) break; received += value.length; loadedBytes += value.length; chunks.push(value); let mbDone = (loadedBytes / (1024 * 1024)).toFixed(2); let mbTotal = '860.36'; loadingText.textContent = `LOADING... ${mbDone} MB / ${mbTotal} MB`; } let fullBuffer = new Uint8Array(received); let offset = 0; for (let chunk of chunks) { fullBuffer.set(chunk, offset); offset += chunk.length; } return fullBuffer.buffer; } async function mergeFiles(fileParts) { const buffers = await Promise.all(fileParts.map(part => fetchWithProgress(part))); const mergedBlob = new Blob(buffers); return URL.createObjectURL(mergedBlob); }
function getParts(file, start, end) { let parts = []; for (let i = start; i <= end; i++) { parts.push(file + ".part" + i); } return parts; } (async () => { const allParts = [...getParts("Build/hk.data", 1, 42), ...getParts("Build/hk.wasm", 1, 2), ]; const sizes = await Promise.all(allParts.map(getSize)); totalBytes = sizes.reduce((a, b) => a + b, 0); const [dataUrl, wasmurl] = await Promise.all([ mergeFiles(getParts("Build/hk.data", 1, 42)), mergeFiles(getParts("Build/hk.wasm", 1, 2)), ]); var buildUrl = "Build"; var loaderUrl = buildUrl + "/hk.loader.js"; var config = { dataUrl: dataUrl, frameworkUrl: buildUrl + "/hk.framework.js", codeUrl: wasmurl, streamingAssetsUrl: "StreamingAssets", companyName: "Team Cherry & people I won't give credit to for being asses ", productName: "Hollow Knight", productVersion: "1.0", }; var container = document.querySelector("#unity-container"); container.hidden = false; var canvas = document.querySelector("#unity-canvas"); var loadingBar = document.querySelector("#unity-loading-bar"); var progressBarFull = document.querySelector("#unity-progress-bar-full"); var fullscreenButton = document.querySelector("#unity-fullscreen-button"); var mobileWarning = document.querySelector("#unity-mobile-warning"); if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) { container.className = "unity-mobile"; config.devicePixelRatio = 1; mobileWarning.style.display = "block"; setTimeout(() => { mobileWarning.style.display = "none"; }, 5000); } else { if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) { var meta = document.createElement('meta'); meta.name = 'viewport'; meta.content = 'width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, shrink-to-fit=yes'; document.getElementsByTagName('head')[0].appendChild(meta); container.className = "unity-mobile"; canvas.className = "unity-mobile"; } else { function resizeCanvas() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; canvas.style.width = window.innerWidth + "px"; canvas.style.height = window.innerHeight + "px"; } resizeCanvas(); window.addEventListener('resize', resizeCanvas); } } loadingBar.style.display = "block"; var script = document.createElement("script"); script.src = loaderUrl; script.onload = () => { createUnityInstance(canvas, config, (progress) => { progressBarFull.style.width = 100 * progress + "%"; }).then((unityInstance) => { loadingText.remove(); loadingBar.style.display = "none"; canvas.style.display = "block"; }).catch((message) => { alert(message); }); }; document.body.appendChild(script); })(); </script></body>
</html>
<head> <base href="https://cdn.jsdelivr.net/gh/web-ports/hollow-knight@latest/"> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Unity WebGL Player | Hollow Knight</title> <link rel="shortcut icon" href="TemplateData/favicon.ico"> <link rel="stylesheet" href="TemplateData/style.css"> <style> html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; background: #231F20; }
#unity-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; }
</style></head>
<body> <div id="loading-text" style="color: white; font-size: 48px; font-family: cursive; text-align: center; margin-top: 20px;"> LOADING... </div> <div hidden id="unity-container" class="unity-desktop"> <canvas id="unity-canvas"></canvas> <div id="unity-loading-bar"> <div id="unity-logo"></div> <div id="unity-progress-bar-empty"> <div id="unity-progress-bar-full"></div> </div> </div> <div id="unity-mobile-warning"> WebGL builds are not supported on mobile devices. </div> </div> <script> var loadingText = document.querySelector("#loading-text"); let totalBytes = 0; let loadedBytes = 0; async function getSize(url) { try { const res = await fetch(url, { method: "HEAD" }); return parseInt(res.headers.get("Content-Length") || "0", 10); } catch { return 0; } } async function fetchWithProgress(url) { const response = await fetch(url); const reader = response.body.getReader(); let chunks = []; let received = 0; while (true) { const { done, value } = await reader.read(); if (done) break; received += value.length; loadedBytes += value.length; chunks.push(value); let mbDone = (loadedBytes / (1024 * 1024)).toFixed(2); let mbTotal = '860.36'; loadingText.textContent = `LOADING... ${mbDone} MB / ${mbTotal} MB`; } let fullBuffer = new Uint8Array(received); let offset = 0; for (let chunk of chunks) { fullBuffer.set(chunk, offset); offset += chunk.length; } return fullBuffer.buffer; } async function mergeFiles(fileParts) { const buffers = await Promise.all(fileParts.map(part => fetchWithProgress(part))); const mergedBlob = new Blob(buffers); return URL.createObjectURL(mergedBlob); }
function getParts(file, start, end) { let parts = []; for (let i = start; i <= end; i++) { parts.push(file + ".part" + i); } return parts; } (async () => { const allParts = [...getParts("Build/hk.data", 1, 42), ...getParts("Build/hk.wasm", 1, 2), ]; const sizes = await Promise.all(allParts.map(getSize)); totalBytes = sizes.reduce((a, b) => a + b, 0); const [dataUrl, wasmurl] = await Promise.all([ mergeFiles(getParts("Build/hk.data", 1, 42)), mergeFiles(getParts("Build/hk.wasm", 1, 2)), ]); var buildUrl = "Build"; var loaderUrl = buildUrl + "/hk.loader.js"; var config = { dataUrl: dataUrl, frameworkUrl: buildUrl + "/hk.framework.js", codeUrl: wasmurl, streamingAssetsUrl: "StreamingAssets", companyName: "Team Cherry & people I won't give credit to for being asses ", productName: "Hollow Knight", productVersion: "1.0", }; var container = document.querySelector("#unity-container"); container.hidden = false; var canvas = document.querySelector("#unity-canvas"); var loadingBar = document.querySelector("#unity-loading-bar"); var progressBarFull = document.querySelector("#unity-progress-bar-full"); var fullscreenButton = document.querySelector("#unity-fullscreen-button"); var mobileWarning = document.querySelector("#unity-mobile-warning"); if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) { container.className = "unity-mobile"; config.devicePixelRatio = 1; mobileWarning.style.display = "block"; setTimeout(() => { mobileWarning.style.display = "none"; }, 5000); } else { if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) { var meta = document.createElement('meta'); meta.name = 'viewport'; meta.content = 'width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, shrink-to-fit=yes'; document.getElementsByTagName('head')[0].appendChild(meta); container.className = "unity-mobile"; canvas.className = "unity-mobile"; } else { function resizeCanvas() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; canvas.style.width = window.innerWidth + "px"; canvas.style.height = window.innerHeight + "px"; } resizeCanvas(); window.addEventListener('resize', resizeCanvas); } } loadingBar.style.display = "block"; var script = document.createElement("script"); script.src = loaderUrl; script.onload = () => { createUnityInstance(canvas, config, (progress) => { progressBarFull.style.width = 100 * progress + "%"; }).then((unityInstance) => { loadingText.remove(); loadingBar.style.display = "none"; canvas.style.display = "block"; }).catch((message) => { alert(message); }); }; document.body.appendChild(script); })(); </script></body>
</html>
Page updated
Google Sites
Report abuse