Alimenta el vacío

269 businessbomba99

Abrir en el editor Publica tu código

Recomendado

21 May 2026

Estrellas del baloncesto

28 March 2025

Tarjetas móviles delineadas de CodePen Home

21 April 2026

Puerto web del juego CloverPit HTML5

HTML

<!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>Feed the Void</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-splash.show-image--false {
display: none;
}
#status-splash.fullsize--true {
height: 100%;
width: 100%;
object-fit: contain;
}
#status-splash.use-filter--false {
image-rendering: pixelated;
}
#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="https://cdn.jsdelivr.net/gh/shayderrr/idk@154a1cdd1b89bae93325b5dce09cb507c6c592f5/16471790/index.icon.png" />
		<link rel="apple-touch-icon" href="https://cdn.jsdelivr.net/gh/shayderrr/idk@154a1cdd1b89bae93325b5dce09cb507c6c592f5/16471790/index.apple-touch-icon.png"/>
		<script>
function getFile(callback) {
	window.input = document.createElement('input');
	input.type = 'file';
	input.onchange = e => {
		var file = e.target.files[0];
		var reader = new FileReader();
		reader.readAsBinaryString(file);
		reader.onload = readerEvent => {
			callback(readerEvent.target.result);
		}
	}
}
</script>
	</head>
	<body>
		<canvas id="canvas">
			Your browser does not support the canvas tag.
		</canvas>
		<noscript>
			Your browser does not support JavaScript.
		</noscript>

const GODOT_CONFIG = {"args":[],"canvasResizePolicy":2,"emscriptenPoolSize":8,"ensureCrossOriginIsolationHeaders":true,"executable":BASE + "/index","experimentalVK":false,"fileSizes":{[BASE + "/index.pck"]:15608236,[WASM_URL]:37099433},"focusCanvas":true,"gdextensionLibs":[],"godotPoolSize":4};
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 = '';

const missing = Engine.getMissingFeatures({
	threads: GODOT_THREADS_ENABLED,
});

if (missing.length !== 0) {
	if (GODOT_CONFIG['serviceWorker'] && GODOT_CONFIG['ensureCrossOriginIsolationHeaders'] && 'serviceWorker' in navigator) {
		let serviceWorkerRegistrationPromise;
		try {
			serviceWorkerRegistrationPromise = navigator.serviceWorker.getRegistration();
		} catch (err) {
			serviceWorkerRegistrationPromise = Promise.reject(new Error('Service worker registration failed.'));
		}
		Promise.race([
			serviceWorkerRegistrationPromise.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);
			}),
		]).then(() => {
			window.location.reload();
		}).catch((err) => {
			console.error('Error while registering service worker:', err);
		});
	} 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>

CSS