Les peurs de Fathom Home Alone

493 argghh

Ouvrir dans l'éditeur Publiez votre code

Recommandé

21 July 2025

Nexus de données Cyberpunk

18 March 2025

Un code par anhtuanle2004thl

19 October 2025

Morphing de forme de particules Three.js avec contrôles

HTML

<!DOCTYPE html>
<html lang="en-us">
	<head>
		<base href="https://cdn.jsdelivr.net/gh/genizy/web-port@main/fears-to-fathom/home-alone/">
		<meta charset="utf-8" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta
			name="viewport"
			content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
		/>
		<title>Unity WebGL Player | Fears To Fathom: Home Alone</title>
		<style>
			* {
				margin: 0;
				padding: 0;
				border: 0;
				overflow: hidden;
			}

body {
				background: #000;
				position: fixed;
				width: 100%;
				height: 100%;
			}

.webgl-content {
				position: absolute;
				width: 100%;
				height: 100%;
			}

#unityContainer {
				position: absolute;
				width: 100%;
				height: 100%;
			}

.footer {
				position: absolute;
				bottom: 0;
				width: 100%;
				text-align: center;
				padding: 10px 0;
				background: rgba(0, 0, 0, 0.5);
				z-index: 100;
			}

.fullscreen {
				cursor: pointer;
				display: inline-block;
				width: 24px;
				height: 24px;
			}
		</style>
		<script src="Build/UnityLoader.js"></script>
		<script>
			let max = 0;
			let done = 0;
			function mergeFiles(fileParts) {
				return new Promise((resolve, reject) => {
					let buffers = [];

function getParts(file, start, end) {
				let parts = [];
				for (let i = start; i <= end; i++) {
					parts.push(file + ".part" + i);
				}
				max = max+end;
				return parts;
			}

<body>
		<div class="webgl-content">
			<div
				id="loading-text"
				style="
					color: white;
					font-size: 48px;
					font-family: cursive;
					text-align: center;
					margin-top: 20px;
				"
			>
				LOADING...
			</div>
			<div id="unityContainer"></div>
		</div>
	</body>
</html>

CSS