Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <title>Spaceship freeride</title> | |
| <meta charset="utf-8" /> | |
| <link rel="icon" href="./favicon.png" /> | |
| <meta name="viewport" content="width=device-width" /> | |
| <script async src="https://cdn.splitbee.io/sb.js"></script> | |
| <meta http-equiv="content-security-policy" content=""> | |
| <link href="./_app/immutable/assets/0.cdd10e73.css" rel="stylesheet"> | |
| <link rel="modulepreload" href="./_app/immutable/entry/start.aa675193.js"> | |
| <link rel="modulepreload" href="./_app/immutable/chunks/index.0d3f7c7a.js"> | |
| <link rel="modulepreload" href="./_app/immutable/chunks/singletons.afdbe156.js"> | |
| <link rel="modulepreload" href="./_app/immutable/entry/app.a067d86b.js"> | |
| <link rel="modulepreload" href="./_app/immutable/nodes/0.2bc3f307.js"> | |
| <link rel="modulepreload" href="./_app/immutable/nodes/2.1cc72ea4.js"> | |
| <link rel="modulepreload" href="./_app/immutable/chunks/stores.bd2e29f1.js"> | |
| </head> | |
| <body data-sveltekit-preload-data="hover" class="bg-[#0C0F19] overflow-x-hidden"> | |
| <div style="display: contents"> | |
| <div class="flex flex-col justify-center text-slate-100 font-Hellovetica items-center p-4 w-full"> | |
| <div class="flex flex-col justify-center items-center space-y-4 text-center sm:mt-20 mt-12"><h1 class="text-xl capitalize">Spaceship freeride</h1> | |
| <p class="text-xs">Take a break and enjoy a little freeride.</p></div> | |
| <div class="relative mt-10 border-slate-800 border-[3px]"> | |
| <iframe src="game/index.html" frameborder="0" title="Spaceship Drift" height="512" width="512" class=""></iframe> | |
| <div class="h-[3px] bg-[#0C0F19] w-[3px] z-10 absolute -top-[3px] -left-[3px]"></div> | |
| <div class="h-[3px] bg-[#0C0F19] w-[3px] z-10 absolute -bottom-[3px] -left-[3px]"></div> | |
| <div class="h-[3px] bg-[#0C0F19] w-[3px] z-10 absolute -top-[3px] -right-[3px]"></div> | |
| <div class="h-[3px] bg-[#0C0F19] w-[3px] z-10 absolute -bottom-[3px] -right-[3px]"></div></div> | |
| <div class="flex flex-row justify-center items-center text-[9px] mt-4 text-slate-500"><p>Use arrow keys. SPACE to fire.</p></div> | |
| <p class="text-center mt-2 text-[9px] text-slate-500">It's all about <a href="https://arxiv.org/pdf/2011.09201.pdf" target="_blank" class="tex-center underline">game feel</a></p> | |
| <div class="flex flex-row justify-center items-center text-center fixed bottom-6 text-[9px] text-slate-500"><p>Made by <a href="https://www.hugoduprez.com/" target="_blank" class="underline">Hugo</a> | |
| with | |
| <a href="https://godotengine.org/" target="_blank" class="underline">Godot</a>, | |
| <a href="https://svelte.dev/" target="_blank" class="underline">Svelte</a>, | |
| <a href="https://www.scenario.com/" target="_blank" class="underline">Scenario</a>, and | |
| <a href="https://www.pixelicious.xyz/" target="_blank" class="underline">Pixelicious</a></p></div></div> | |
| <script> | |
| { | |
| __sveltekit_1h0x2cx = { | |
| base: new URL(".", location).pathname.slice(0, -1), | |
| env: {} | |
| }; | |
| const element = document.currentScript.parentElement; | |
| const data = [null,null]; | |
| Promise.all([ | |
| import("./_app/immutable/entry/start.aa675193.js"), | |
| import("./_app/immutable/entry/app.a067d86b.js") | |
| ]).then(([kit, app]) => { | |
| kit.start(app, element, { | |
| node_ids: [0, 2], | |
| data, | |
| form: null, | |
| error: null | |
| }); | |
| }); | |
| } | |
| </script> | |
| </div> | |
| </body> | |
| </html> | |