mirror of
https://gitlab.com/skysthelimit.dev/selenite.git
synced 2025-06-15 18:12:08 -05:00
Upload files to "semag/geomelt"
This commit is contained in:
LEGALISE_PIRACY
parent
d21aabbe37
commit
22a56cb54b
38
semag/geomelt/favicon.ico
Normal file
38
semag/geomelt/favicon.ico
Normal file
File diff suppressed because one or more lines are too long
218
semag/geomelt/game.css
Normal file
218
semag/geomelt/game.css
Normal file
@ -0,0 +1,218 @@
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
background: #000000;
|
||||
font-family: 'Fredoka', sans-serif;
|
||||
}
|
||||
|
||||
#gameContainer {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
canvas {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
canvas+* {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.logoBox {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pos_progress {
|
||||
position: absolute;
|
||||
margin: auto;
|
||||
width: auto;
|
||||
height: 55px;
|
||||
}
|
||||
|
||||
progress {
|
||||
box-sizing: border-box;
|
||||
border: solid 0.04em #000000;
|
||||
box-shadow: 0 0 15px 2px #ffffff98;
|
||||
width: 6em;
|
||||
height: 0.35em;
|
||||
border-radius: 0.5em;
|
||||
background: linear-gradient(#575a5a, #575a5a);
|
||||
font: clamp(.625em, 7.5vw, 10em) monospace;
|
||||
}
|
||||
|
||||
progress::-webkit-progress-bar {
|
||||
background: transparent
|
||||
}
|
||||
|
||||
progress::-webkit-progress-value {
|
||||
border-radius: 0.35em;
|
||||
box-shadow: inset 0 0 0.01em 0.01em #db9508;
|
||||
background: var(--fill);
|
||||
}
|
||||
|
||||
progress:nth-child(1) {
|
||||
--fill:
|
||||
repeating-linear-gradient(135deg, color(srgb-linear 0.98 0.81 0) 0 0.25em, rgb(249 175 41) 0 0.5em);
|
||||
}
|
||||
|
||||
#loader {
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.spinner,
|
||||
.spinner:after {
|
||||
border-radius: 50%;
|
||||
width: 5em;
|
||||
height: 5em;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
display: none;
|
||||
margin: 10px;
|
||||
font-size: 10px;
|
||||
position: relative;
|
||||
text-indent: -9999em;
|
||||
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
|
||||
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
|
||||
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
|
||||
border-left: 1.1em solid #ffffff;
|
||||
transform: translateZ(0);
|
||||
animation: spinner-spin 1.1s infinite linear;
|
||||
}
|
||||
|
||||
@keyframes spinner-spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
background-color: #5d6b84;
|
||||
color: hsl(0, 0%, 100%);
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.custom-phone-icon {
|
||||
font-size: 18px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.text-with-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.main-svg-sprite {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.svg-icon {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
fill: currentColor;
|
||||
font-size: 0
|
||||
}
|
||||
|
||||
.svg-icon__link {
|
||||
vertical-align: top;
|
||||
fill: inherit;
|
||||
width: inherit;
|
||||
height: inherit
|
||||
}
|
||||
.hidden{
|
||||
display:none;
|
||||
}
|
||||
.shaking {
|
||||
animation: tilt-shaking 2s normal infinite;
|
||||
}
|
||||
|
||||
@keyframes tilt-shaking {
|
||||
0% {
|
||||
-webkit-transform: rotate(-8deg);
|
||||
transform: rotate(-8deg)
|
||||
}
|
||||
|
||||
4% {
|
||||
-webkit-transform: rotate(8deg);
|
||||
transform: rotate(8deg)
|
||||
}
|
||||
|
||||
8%,
|
||||
24% {
|
||||
-webkit-transform: rotate(-10deg);
|
||||
transform: rotate(-10deg)
|
||||
}
|
||||
|
||||
12%,
|
||||
28% {
|
||||
-webkit-transform: rotate(10deg);
|
||||
transform: rotate(10deg)
|
||||
}
|
||||
|
||||
16% {
|
||||
-webkit-transform: rotate(-12deg);
|
||||
transform: rotate(-12deg)
|
||||
}
|
||||
|
||||
20% {
|
||||
-webkit-transform: rotate(12deg);
|
||||
transform: rotate(12deg)
|
||||
}
|
||||
|
||||
32% {
|
||||
-webkit-transform: rotate(-6deg);
|
||||
transform: rotate(-6deg)
|
||||
}
|
||||
|
||||
36% {
|
||||
-webkit-transform: rotate(6deg);
|
||||
transform: rotate(6deg)
|
||||
}
|
||||
|
||||
40%,
|
||||
to {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg)
|
||||
}
|
||||
}
|
||||
154
semag/geomelt/index.html
Normal file
154
semag/geomelt/index.html
Normal file
@ -0,0 +1,154 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<link rel="stylesheet" href="game.css">
|
||||
|
||||
<style type="text/css">@font-face {font-family:Fredoka;font-style:normal;font-weight:400;src:url(/cf-fonts/v/fredoka/5.0.11/hebrew/wght/normal.woff2);unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;font-display:swap;}@font-face {font-family:Fredoka;font-style:normal;font-weight:400;src:url(/cf-fonts/v/fredoka/5.0.11/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Fredoka;font-style:normal;font-weight:400;src:url(/cf-fonts/v/fredoka/5.0.11/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Fredoka;font-style:normal;font-weight:500;src:url(/cf-fonts/v/fredoka/5.0.11/hebrew/wght/normal.woff2);unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;font-display:swap;}@font-face {font-family:Fredoka;font-style:normal;font-weight:500;src:url(/cf-fonts/v/fredoka/5.0.11/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Fredoka;font-style:normal;font-weight:500;src:url(/cf-fonts/v/fredoka/5.0.11/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}</style>
|
||||
<title>Geometry Dash Meltdown</title>
|
||||
<link rel="canonical" href="https://geometrydash.io/" data-react-helmet="true">
|
||||
</head>
|
||||
<body>
|
||||
<div id="gameContainer" style="display: none;"></div>
|
||||
<div id="loader">
|
||||
<div class="logoBox">
|
||||
<img class="logo" src="loading.png?v=1">
|
||||
</div>
|
||||
<div class="spinner"></div>
|
||||
<div class="pos_progress">
|
||||
<div class="progress">
|
||||
<div class="posfull">
|
||||
<progress id="p1" value="1" max="1"></progress>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container hidden" id="alert_rotate">
|
||||
<div class="text-with-icon">
|
||||
<span class="svg-icon pleaserotate-graphic" aria-hidden="true"><svg class="svg-icon__link">
|
||||
<use xlink:href="#icon-rotate"></use>
|
||||
</svg></span>
|
||||
<p>Rotate your device to play like a pro</p>
|
||||
</div>
|
||||
</div>
|
||||
<svg class="main-svg-sprite main-svg-sprite--icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<symbol id="icon-rotate" viewBox="0 0 24 24">
|
||||
<g>
|
||||
<path d="m22.432 7.344-.688-.688-4.401-4.401-.688-.688c-.834-.834-2.288-.737-3.242.216l-11.629 11.632c-.953.953-1.05 2.407-.216 3.242l5.776 5.776c.834.834 2.288.737 3.242-.216l11.631-11.631c.953-.954 1.05-2.408.215-3.242zm-1.473 2.298-11.317 11.317c-.347.347-.875.382-1.179.079l-5.501-5.501c-.304-.304-.269-.832.079-1.179l11.317-11.317c.347-.347.875-.382 1.179-.079l.275.275c.304.304.269.832-.079 1.179-.347.347-.382.875-.079 1.179l2.751 2.751c.304.304.832.269 1.179-.079.347-.347.875-.382 1.179-.079l.275.275c.303.304.268.832-.079 1.179z" />
|
||||
</g>
|
||||
<g>
|
||||
<path d="m13.836 24c-.336 0-.641-.202-.772-.513-.131-.313-.06-.674.18-.914l2.38-2.38c.167-.167.398-.257.633-.244.236.012.457.123.606.306l.882 1.079c2.697-1.433 4.555-4.265 4.581-7.504.004-.46.377-.83.836-.83h.007c.462.004.833.381.83.843-.043 5.556-4.6 10.113-10.156 10.157-.002 0-.004 0-.007 0z" />
|
||||
</g>
|
||||
<g>
|
||||
<path d="m10.164 0c.336 0 .641.202.772.513.131.313.06.674-.18.914l-2.38 2.38c-.168.167-.399.258-.634.244-.236-.012-.457-.123-.606-.306l-.882-1.079c-2.697 1.433-4.555 4.265-4.581 7.504-.004.46-.378.83-.837.83-.002 0-.004 0-.007 0-.461-.004-.832-.381-.829-.843.044-5.556 4.601-10.113 10.157-10.157z" />
|
||||
</g>
|
||||
</symbol>
|
||||
</svg>
|
||||
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v84a3a4012de94ce1a686ba8c167c359c1696973893317" integrity="sha512-euoFGowhlaLqXsPWQ48qSkBSCFs3DPRyiwVu3FjR96cMPx+Fr+gpWRhIafcHwqwCqWS42RZhIudOvEI+Ckf6MA==" data-cf-beacon='{"rayId":"8624f0a54ce47d24","version":"2024.2.4","r":1,"token":"98ca8b3a4cb64c358353a6a2d2089624","b":1}' crossorigin="anonymous"></script>
|
||||
</body>
|
||||
<script src="Build/UnityLoader.js"></script>
|
||||
<script>
|
||||
UnityLoader.compatibilityCheck = function (e, t, r) { t(); };
|
||||
var gameInstance = UnityLoader.instantiate("gameContainer", "Build/geometrmeltdown.json", { onProgress: UnityProgress });
|
||||
const gameContainer = document.getElementById("gameContainer");
|
||||
var progressElement = document.getElementById('p1');
|
||||
function UnityProgress(gameInstance, progress) {
|
||||
if (!gameInstance.Module) {
|
||||
return;
|
||||
}
|
||||
const loader = document.querySelector("#loader");
|
||||
if (!gameInstance.progress) {
|
||||
const progress = document.querySelector("#loader .progress");
|
||||
gameContainer.style.display = "none";
|
||||
progress.style.display = "block";
|
||||
loader.querySelector(".spinner").style.display = "none";
|
||||
}
|
||||
progressElement.value = progress;
|
||||
if (progress === 1 && !gameInstance.removeTimeout) {
|
||||
gameInstance.removeTimeout = setTimeout(function () {
|
||||
loader.style.display = "none";
|
||||
gameContainer.style.display = "block";
|
||||
}, 2000);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
window.onload = (event) => {
|
||||
Resize();
|
||||
screen.orientation.addEventListener("change", function(e) {
|
||||
tapOrClick(e);
|
||||
});
|
||||
};
|
||||
window.onresize = function () {
|
||||
Resize();
|
||||
};
|
||||
var theElement = document.getElementById("gameContainer");
|
||||
theElement.addEventListener("mouseup", tapOrClick, false);
|
||||
theElement.addEventListener("touchend", tapOrClick, false);
|
||||
|
||||
function Resize() {
|
||||
if (screen.availHeight > screen.availWidth) {
|
||||
|
||||
document.getElementById('alert_rotate').classList.remove('hidden');
|
||||
// document.getElementById('gameContainer').classList.add('rotated');
|
||||
} else {
|
||||
// document.getElementById('gameContainer').classList.remove('rotated');
|
||||
document.getElementById('alert_rotate').classList.add('hidden');
|
||||
}
|
||||
const innerWidth = window.innerWidth;
|
||||
const innerHeight = window.innerHeight;
|
||||
const loader = document.getElementById("loader");
|
||||
const progress = document.querySelector("#loader .pos_progress");
|
||||
const container = document.querySelector(".container");
|
||||
|
||||
const ratio = 1.77778;
|
||||
if (innerHeight > innerWidth) {
|
||||
container.style.display = "flex";
|
||||
loader.style.width = innerWidth + 'px';
|
||||
}
|
||||
else {
|
||||
container.style.display = "none";
|
||||
if ((innerWidth / innerHeight) > ratio) {
|
||||
loader.style.width = innerHeight * ratio + 'px';
|
||||
}
|
||||
else {
|
||||
loader.style.width = '100%';
|
||||
}
|
||||
}
|
||||
loader.style.top = (innerHeight - loader.offsetHeight) / 2 + 'px';
|
||||
progress.style.top = loader.offsetHeight * 0.90 + 'px';
|
||||
}
|
||||
|
||||
function tapOrClick(event) {
|
||||
fullScreenAPI();
|
||||
event.preventDefault();
|
||||
return false;
|
||||
}
|
||||
|
||||
function fullScreenAPI(){
|
||||
var ua = navigator.userAgent.toLowerCase();
|
||||
var isAndroid = ua.indexOf("android") > -1;
|
||||
if(isAndroid) {
|
||||
GoFullScreen(document.documentElement);
|
||||
}
|
||||
}
|
||||
|
||||
function GoFullScreen(element) {
|
||||
if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {
|
||||
if (element.requestFullscreen && document.fullscreenEnabled) {
|
||||
element.requestFullscreen();
|
||||
}
|
||||
else if (element.mozRequestFullScreen) {
|
||||
element.mozRequestFullScreen();
|
||||
}
|
||||
else if (element.webkitRequestFullscreen) {
|
||||
element.webkitRequestFullscreen();
|
||||
}
|
||||
else if (element.msRequestFullscreen) {
|
||||
element.msRequestFullscreen();
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
BIN
semag/geomelt/loading.png
Normal file
BIN
semag/geomelt/loading.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
Loading…
x
Reference in New Issue
Block a user