Skip to content

Commit

Permalink
Merge pull request #20 from SalehaTabassum/Adding-Files
Browse files Browse the repository at this point in the history 
Fixed Issue#17
  • Loading branch information
@Durgesh4993
Durgesh4993 authored Jun 2, 2024
2 parents b5e039c + 970f502 commit 5897475
Show file tree
Hide file tree
Showing 3 changed files with 1,375 additions and 0 deletions.
243 changes: 243 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,247 @@
<!DOCTYPE html>
<html lang="en" class="notranslate" translate="no">



<head>
<meta charset="utf-8"/>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="theme-color" content="#000000" />
<meta name="google" content="notranslate" />
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>

</head>



<body style="font-family: 'Arial'; font-size:12px; width:100%; height:100%; overflow:visible; padding:0px; margin:0px; background-color:black;">

<div id="mainMenu" style="position:absolute; top:0px; width:100%; height:auto; overflow:visible; z-index:100;">


<div id="Gametitle" class="knockout" style="display:block;">
SpaceShip Escort
</div>

<div style="clear:both; height:20px;"></div>

<div id="botonPlayInfo" style="text-shadow: 0 0 10px #27cfcc, 0 0 30px #27cfcc; display:block; width:90%; max-width:61.50vh; left:5%; font-weight:300; font-size:13px; margin:0 auto; padding:5px; color:#19cfcb; height:auto; background-color:none;">
Year 13 after climate change.<br>
The Earth is uninhabitable.<br><br>

The last space freighter, with 13 million fertilized and cryogenized human ovules, leaves the earth, with 500 tons of Scriptium (Scm),
towards robotic bases built over decades, in anticipation of the climatic catastrophe, on inhabitable planets in the star system SAO215398
in the Phoenix supercluster of galaxies located 5700 Mly away.<br><br>

Scriptium (Scm) is a new synthetic fuel that is necessary for intergalactic travel and also for building defense elements,
and can be extracted from the wreckage of destroyed enemy spacecraft.<br><br>

Once all the Scriptium is over, the space freighter will run out of fuel and the mission will have failed.<br><br>

Your mission, as the commander of the last starfleet, is to escort and defend the space freighter at all costs so that it reaches the bases and human race does not become extinct.<br><br>

It will not be an easy task since other civilizations have conflicting interests.<br>
</div>



<div id="botonPlay" style="text-align:center; width:100%; margin-top:30px;">
<div id="bpTxt" class="blink_me" onclick="play();" style="display:inline-block; text-align:center; padding:6px 20px 6px 20px; font-size:20px; color:#d3fc6f; font-weight:500; box-shadow: 0px 0px 10px 5px #86a145; border-radius:10px; border:3px solid #d3fc6f; background-color:rgba(0,0,0,0.5);">
Start mission
</div>
</div>

</div>



<div id="mainDIV" style="position:relative; margin:0 auto; width:100%; height:100%; overflow:hidden;">

<div id="gameStartMSG" style="position:absolute; width:100%; pointer-events:none; transition: 5s opacity; display:none; top:150px; left:0px; font-size:18px; z-index:100;">
<div style="pointer-events:none; margin:0 auto; width:80%; max-width:61.50vh; font-weight:500; color:#c9af00; ">
&#10024; Escort the cargo spaceship.
<br><br>
&#10024; Select battle starships and place them strategically.
<br><br>
&#10024; Do not spend more Scriptium than neccesary.
</div>
</div>



<div style="position:relative; margin:0 auto; width:61.50vh; height:calc(100% - 140px); max-height:140vw; max-width:100vw; overflow:visible;">
<div id="gameMSG" style="position:absolute; top:150px; left:5%; width:84%; text-align:center; pointer-events:none; opacity:0; transition: 2s opacity; color:orange; border-radius:20px; font-size:12px; padding:3%; background-color:rgba(25,25,25,0.7); z-index:1000;">
</div>

<div id="config" style="position:absolute; display:none; top:150px; left:5%; width:84%; text-align:center; color:silver; border-radius:20px; font-size:12px; padding:3%; background-color:rgba(25,25,25,0.9); z-index:1000;">
<br><br>
Set game volume
<br>
<input id="vol" type="range" min="0" max="1" step="0.01" value="0.5" oninput="zzfxV=this.value;" onchange="zzfxV=this.value;">
<br><br><br><br>
<div onclick="localStorage.setItem('SpaceEscort13kbGame2', 1+' '+help);location.reload();"
style="display:inline-block; color:orange; padding:15px; width:150px; text-align:center; border-radius:10px; background-color:rgba(255,255,255,0.2);">
Reset game to wave 1
</div>
<br><br><br><br>
<div onclick="document.getElementById('config').style.display='none';"
style="display:inline-block; color:lime; padding:15px; width:50px; text-align:center; border-radius:10px; background-color:black">
OK
</div>
<br><br>
</div>

<div id="helpD" style="position:absolute; display:none; bottom:100px; width:100%; text-align:center; color:yellow; font-size:14px; z-index:1000;">

<div class="a1" style="left:2%;">
select one of the starship
<div class="a2" style="bottom:-130px; left:10%; font-size:150px;">
&#8627;
</div>
</div>

<div class="a1" style="left:35%;">
this is your Scriptium<br>(money, life, ...)
<div class="a2" style="bottom:-40px; left:10%; font-size:60px;">
&#8681;
</div>
</div>

<div class="a1" style="left:68%;">
<br><br>
Then tap on the screen to place
<div class="a2" style="top:-100px; left:15%; font-size:120px;">
&#8648;
</div>
</div>



<div onclick="document.getElementById('helpD').style.display='none';"
style="position:absolute; left:35%; top:-80px; color:lime; padding:15px; width:100px; text-align:center; border-radius:10px; background-color:#333">
Ok, close help
</div>
<br><br>
</div>

<DIV id="canvasDIV" style="position:relative; height:100%; overflow:hidden; background-color:black;">
<canvas id="mycanvas"
onclick="ponerNave(((event.layerX))/CanvasSize , ((event.layerY))/CanvasSize, 0);"
onmousedown="mou=1;"
onmouseup="mou=0;">
</canvas>
</DIV>


<div id="shipMenuDIV" style="position:relative; display:none; width:100%; height:130px; min-height:100px; border-radius:20px 20px 0px 0px; background:linear-gradient(90deg, rgba(20,20,20,1) 0%, rgba(60,60,60,1) 50%, rgba(20,20,20,1) 100%);">

<div id="shipMenuDIVBlink" class="blink_me2" style="position:absolute; display:none; width:100%; height:100%; border-radius:20px 20px 0px 0px; background:linear-gradient(90deg, rgba(20,20,20,1) 0%, #ba2222 50%, rgba(20,20,20,1) 100%);">
</div>

<div style="position:absolute; top:16px; left:7%; width:20%; height:5px; color:gray; text-align:center; box-shadow: 0px 0px 5px 3px #044; font-weight:200; font-size:11px; border-radius:10px 0px 10px 0px; background-color:black;">
<div style="position:absolute; top:-15px; left:0px; width:100%; ">
alert status
</div>
<div id="alertSt" style="position:absolute; top:1px; left:0px; width:1%; max-width:100%; height:4px; border-radius:10px 0px 10px 0px; background-color:red;">
</div>
</div>

<div id="helpb" class="" onclick="document.getElementById('helpD').style.display='block'; this.classList.remove('blink_me2'); this.style.boxShadow='0px 0px 5px 3px #044'; if(!help) localStorage.setItem('SpaceEscort13kbGame2', wave+' '+1);" style="position:absolute; top:5px; right:3%; color:silver; padding:0px 5px 0px 5px; text-align:center; box-shadow: 0px 0px 5px 3px #bf0; font-weight:900; font-size:12px; border-radius:50px; background-color:black;">
?
</div>

<div onclick="if(game_running){game_running=false;this.style.backgroundColor='orange';}else{game_running=true;this.style.backgroundColor='black';}" style="position:absolute; top:5px; right:10%; color:silver; padding:3px 5px 4px 3px; text-align:center; box-shadow: 0px 0px 5px 3px #044; font-weight:900; font-size:7px; border-radius:50px; background-color:black;">
&#9616;&#9616;
</div>

<div onclick="document.getElementById('config').style.display='block';" style="position:absolute; top:5px; right:18%; color:silver; padding:0px 4px 1px 3px; text-align:center; box-shadow: 0px 0px 5px 3px #044; font-weight:900; font-size:13px; border-radius:50px; background-color:black;">
&#x2699;
</div>




<div style="position:relative; margin:0 auto; width:35%; text-align:center; font-weight:500; font-size:12px; border-radius:0px 0px 10px 10px; padding:3px 10px 4px 10px; height:17px; max-height:17px; color:#00b0b0; background-color:rgba(0,0,0,.5);">
<span id="pasta" style="font-size:14px; color:cyan; height:16px; max-height:16px; transition:font-size .5s ease, color .2s ease;">500</span> Scm (tons)
</div>



<div style="position:relative; clear:both; margin-top:7px; text-align:center; width:100%; height:auto; color:cyan; background-color:none;">
<div class="menuDivs">
<div class="menuShips" style="background-position:0% -3%;" onclick="AAtype=2; AAsubtipo=1; selectShipmenu(this);">
<div class="nam">garbage<br>meteor</div>
</div>
<br>5<br>
</div>
<div class="menuDivs">
<div id="dflt" class="menuShips" style="background-position:14.2% 3%;border:2px solid #d3fc6f; box-shadow:0px 0px 10px 2px #d3fc6f;" onclick="AAtype=2; AAsubtipo=2; selectShipmenu(this);" >
<div class="nam">Light<br>figther</div>
</div>
<br>10
</div>
<div class="menuDivs">
<div class="menuShips" style="background-position:28.5% 2%;" onclick="AAtype=2; AAsubtipo=3; selectShipmenu(this);">
<div class="nam">trident<br>figther</div>
</div>
<br>20
</div>
<div class="menuDivs">
<div class="menuShips" style="background-position:42.8% -5%;" onclick="AAtype=2; AAsubtipo=4; selectShipmenu(this);">
<div class="nam">spread<br>figther</div>
</div>
<br>30
</div>
<div class="menuDivs">
<div class="menuShips" style="background-position:56.9% -5%;" onclick="AAtype=2; AAsubtipo=5; selectShipmenu(this);">
<div class="nam">ionic<br>cannon</div>
</div>
<br>40
</div>
<div class="menuDivs">
<div class="menuShips" style="background-position:71.3% -2%;" onclick="AAtype=2; AAsubtipo=6; selectShipmenu(this);">
<div class="nam">hammer<br>ironclad</div>
</div>
<br>50
</div>
<div class="menuDivs">
<div class="menuShips" style="background-position:85.6% -5%;" onclick="AAtype=2; AAsubtipo=7; selectShipmenu(this);">
<div class="nam">neutrino<br>mine</div>
</div>
<br>60
</div>
</div>

</div>

</div>



</div>





</body>

<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta
name="viewport"
content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="theme-color" content="#000000" />
<meta name="google" content="notranslate" />
<link rel="stylesheet" href="style.css" />
</head>
=======
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/png" href="img/favicon-32x32.png">
Expand Down Expand Up @@ -41,6 +283,7 @@
</style>
</head>


<body
onload="let pause = document.getElementById('pause');"
style="
Expand Down
Loading

0 comments on commit 5897475

Please sign in to comment.