mongles-pull-games/Adventure.html at main · Idonotknowhowtocodeyet/mongles-pull-games

History

157 lines (152 loc) · 8.69 KB

Raw

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

window.dataLayer = window.dataLayer || [];

function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());

gtag('config', 'G-L7856P3VNT');

</script><!DOCTYPE html>

<head>

<title>Unity WebGL Player | Adventure</title>

<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;

}

#sidebarad1,

#sidebarad2 {

position: fixed;

top: 50%;

transform: translateY(-50%);

width: 160px;

height: 600px;

padding: 0;

margin: 0;

z-index: 999999;

}

#sidebarad1 {

left: 0;

}

#sidebarad2 {

right: 0;

}

.sidebar-close {

position: absolute;

top: 0;

right: 0;

width: 22px;

height: 22px;

line-height: 22px;

text-align: center;

background: rgba(0,0,0,0.7);

color: #fff;

font-size: 14px;

cursor: pointer;

user-select: none;

z-index: 10;

}

.sidebar-frame {

width: 160px;

height: 600px;

border: none;

display: block;

}

</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>

var loadingText = document.querySelector("#loading-text");

let totalBytes = 0;

let loadedBytes = 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 = '178.06';

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, cacheKey) {

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 [dataUrl, wasmUrl] = await Promise.all([

mergeFiles(getParts("Build/dl8.data.unityweb", 1, 8), "dl8.data.unityweb"),

mergeFiles(getParts("Build/dl8.wasm.code.unityweb", 1, 2), "dl8.wasm.code.unityweb"),

]);

const originalOpen = XMLHttpRequest.prototype.open;

XMLHttpRequest.prototype.open = function (method, url, ...rest) {

if (url.includes("dl8.data.unityweb")) {

url = dataUrl;

} else if (url.includes("dl8.wasm.code.unityweb")) {

url = wasmUrl;

}

return originalOpen.call(this, method, url, ...rest);

};

UnityLoader.instantiate("unity-container", "Build/dl8.json");

})();

</script>

</div>

</div>

</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

FilesExpand file tree

Adventure.html

Latest commit

History

Adventure.html

File metadata and controls