Initial demo thing
This commit is contained in:
commit
44ac1a7a9b
142
index.html
Normal file
142
index.html
Normal file
@ -0,0 +1,142 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: black;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
font-family: arial;
|
||||
font-size: 12px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#viewport {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
margin-left: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
#test {
|
||||
width: 88px;
|
||||
height: 73px;
|
||||
background-image: url(sheet.png);
|
||||
-webkit-animation: cycle_sprites 300ms steps(1) infinite,
|
||||
move_bird 5s linear infinite;
|
||||
animation: cycle_sprites 300ms steps(1) infinite,
|
||||
move_bird 5s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes cycle_sprites {
|
||||
0% {
|
||||
background-position: -330px -1371px;
|
||||
}
|
||||
|
||||
33.33% {
|
||||
background-position: -372px -1132px;
|
||||
}
|
||||
|
||||
66.66% {
|
||||
background-position: -222px -1562px;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes cycle_sprites {
|
||||
0% {
|
||||
background-position: -330px -1371px;
|
||||
}
|
||||
|
||||
33.33% {
|
||||
background-position: -372px -1132px;
|
||||
}
|
||||
|
||||
66.66% {
|
||||
background-position: -222px -1562px;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes move_bird {
|
||||
from {
|
||||
left: 0px;
|
||||
top: 100px
|
||||
}
|
||||
|
||||
to {
|
||||
left: 600px;
|
||||
top: 100px
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes move_bird {
|
||||
from {
|
||||
left: 0px;
|
||||
top: 100px
|
||||
}
|
||||
|
||||
to {
|
||||
left: 600px;
|
||||
top: 100px
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="viewport">
|
||||
<div style="
|
||||
left:0px;
|
||||
top:300px;
|
||||
background-image:url(sheet.png);
|
||||
background-position: -0px -410px;
|
||||
width: 276px;
|
||||
height: 200px;
|
||||
z-index: -2;
|
||||
">
|
||||
</div>
|
||||
<div style="
|
||||
left:0px;
|
||||
top:380px;
|
||||
background-image:url(sheet.png);
|
||||
background-position: -276px -410px;
|
||||
width: 224px;
|
||||
height: 110px;
|
||||
z-index: -1;
|
||||
">
|
||||
</div>
|
||||
<div style="
|
||||
left:224px;
|
||||
top:380px;
|
||||
background-image:url(sheet.png);
|
||||
background-position: -276px -410px;
|
||||
width: 224px;
|
||||
height: 110px;
|
||||
z-index: -1;
|
||||
">
|
||||
</div>
|
||||
<div id="test" style="
|
||||
left: 100px;
|
||||
top: 100px;
|
||||
z-index: 0;
|
||||
">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
81
sheet.xml
Normal file
81
sheet.xml
Normal file
@ -0,0 +1,81 @@
|
||||
<TextureAtlas imagePath="sheet.png">
|
||||
<SubTexture name="UIbg.png" x="0" y="986" width="264" height="264"/>
|
||||
<SubTexture name="background.png" x="0" y="355" width="800" height="480"/>
|
||||
<SubTexture name="buttonLarge.png" x="0" y="1250" width="196" height="70"/>
|
||||
<SubTexture name="buttonSmall.png" x="0" y="1320" width="136" height="80"/>
|
||||
<SubTexture name="groundDirt.png" x="0" y="0" width="808" height="71"/>
|
||||
<SubTexture name="groundGrass.png" x="0" y="142" width="808" height="71"/>
|
||||
<SubTexture name="groundIce.png" x="0" y="71" width="808" height="71"/>
|
||||
<SubTexture name="groundRock.png" x="0" y="284" width="808" height="71"/>
|
||||
<SubTexture name="groundSnow.png" x="0" y="213" width="808" height="71"/>
|
||||
<SubTexture name="letterA.png" x="412" y="835" width="61" height="64"/>
|
||||
<SubTexture name="letterB.png" x="487" y="1537" width="50" height="66"/>
|
||||
<SubTexture name="letterC.png" x="460" y="977" width="52" height="66"/>
|
||||
<SubTexture name="letterD.png" x="432" y="1613" width="54" height="66"/>
|
||||
<SubTexture name="letterE.png" x="511" y="1965" width="45" height="64"/>
|
||||
<SubTexture name="letterF.png" x="512" y="963" width="44" height="64"/>
|
||||
<SubTexture name="letterG.png" x="460" y="1107" width="52" height="66"/>
|
||||
<SubTexture name="letterH.png" x="473" y="835" width="51" height="64"/>
|
||||
<SubTexture name="letterI.png" x="524" y="835" width="22" height="64"/>
|
||||
<SubTexture name="letterJ.png" x="512" y="1027" width="42" height="66"/>
|
||||
<SubTexture name="letterK.png" x="432" y="1821" width="53" height="64"/>
|
||||
<SubTexture name="letterL.png" x="512" y="899" width="44" height="64"/>
|
||||
<SubTexture name="letterM.png" x="392" y="1967" width="66" height="64"/>
|
||||
<SubTexture name="letterN.png" x="432" y="1679" width="53" height="64"/>
|
||||
<SubTexture name="letterO.png" x="418" y="1284" width="60" height="66"/>
|
||||
<SubTexture name="letterP.png" x="489" y="1427" width="48" height="65"/>
|
||||
<SubTexture name="letterQ.png" x="418" y="1205" width="60" height="79"/>
|
||||
<SubTexture name="letterR.png" x="478" y="1249" width="51" height="65"/>
|
||||
<SubTexture name="letterS.png" x="511" y="1899" width="46" height="66"/>
|
||||
<SubTexture name="letterT.png" x="460" y="1043" width="52" height="64"/>
|
||||
<SubTexture name="letterU.png" x="485" y="1757" width="51" height="66"/>
|
||||
<SubTexture name="letterV.png" x="400" y="913" width="61" height="64"/>
|
||||
<SubTexture name="letterW.png" x="136" y="1320" width="76" height="64"/>
|
||||
<SubTexture name="letterX.png" x="418" y="1409" width="58" height="64"/>
|
||||
<SubTexture name="letterY.png" x="432" y="1473" width="57" height="64"/>
|
||||
<SubTexture name="letterZ.png" x="486" y="1613" width="50" height="64"/>
|
||||
<SubTexture name="medalBronze.png" x="0" y="1400" width="114" height="119"/>
|
||||
<SubTexture name="medalGold.png" x="0" y="1519" width="114" height="119"/>
|
||||
<SubTexture name="medalSilver.png" x="0" y="1638" width="114" height="119"/>
|
||||
<SubTexture name="number0.png" x="432" y="1743" width="53" height="78"/>
|
||||
<SubTexture name="number1.png" x="512" y="1093" width="37" height="76"/>
|
||||
<SubTexture name="number2.png" x="477" y="1350" width="51" height="77"/>
|
||||
<SubTexture name="number3.png" x="485" y="1679" width="51" height="78"/>
|
||||
<SubTexture name="number4.png" x="432" y="1537" width="55" height="76"/>
|
||||
<SubTexture name="number5.png" x="485" y="1823" width="50" height="76"/>
|
||||
<SubTexture name="number6.png" x="432" y="1885" width="53" height="77"/>
|
||||
<SubTexture name="number7.png" x="478" y="1173" width="51" height="76"/>
|
||||
<SubTexture name="number8.png" x="461" y="899" width="51" height="78"/>
|
||||
<SubTexture name="number9.png" x="458" y="1962" width="53" height="77"/>
|
||||
<SubTexture name="planeBlue1.png" x="330" y="1371" width="88" height="73"/>
|
||||
<SubTexture name="planeBlue2.png" x="372" y="1132" width="88" height="73"/>
|
||||
<SubTexture name="planeBlue3.png" x="222" y="1562" width="88" height="73"/>
|
||||
<SubTexture name="planeGreen1.png" x="114" y="1639" width="88" height="73"/>
|
||||
<SubTexture name="planeGreen2.png" x="216" y="1951" width="88" height="73"/>
|
||||
<SubTexture name="planeGreen3.png" x="222" y="1489" width="88" height="73"/>
|
||||
<SubTexture name="planeRed1.png" x="216" y="1878" width="88" height="73"/>
|
||||
<SubTexture name="planeRed2.png" x="372" y="1059" width="88" height="73"/>
|
||||
<SubTexture name="planeRed3.png" x="372" y="986" width="88" height="73"/>
|
||||
<SubTexture name="planeYellow1.png" x="304" y="1967" width="88" height="73"/>
|
||||
<SubTexture name="planeYellow2.png" x="330" y="1298" width="88" height="73"/>
|
||||
<SubTexture name="planeYellow3.png" x="330" y="1225" width="88" height="73"/>
|
||||
<SubTexture name="puffLarge.png" x="114" y="1712" width="42" height="35"/>
|
||||
<SubTexture name="puffSmall.png" x="196" y="1250" width="25" height="21"/>
|
||||
<SubTexture name="rock.png" x="114" y="1400" width="108" height="239"/>
|
||||
<SubTexture name="rockDown.png" x="324" y="1489" width="108" height="239"/>
|
||||
<SubTexture name="rockGrass.png" x="0" y="1757" width="108" height="239"/>
|
||||
<SubTexture name="rockGrassDown.png" x="264" y="986" width="108" height="239"/>
|
||||
<SubTexture name="rockIce.png" x="216" y="1639" width="108" height="239"/>
|
||||
<SubTexture name="rockIceDown.png" x="222" y="1250" width="108" height="239"/>
|
||||
<SubTexture name="rockSnow.png" x="324" y="1728" width="108" height="239"/>
|
||||
<SubTexture name="rockSnowDown.png" x="108" y="1757" width="108" height="239"/>
|
||||
<SubTexture name="starBronze.png" x="170" y="1996" width="39" height="37"/>
|
||||
<SubTexture name="starGold.png" x="369" y="1444" width="39" height="37"/>
|
||||
<SubTexture name="starSilver.png" x="330" y="1444" width="39" height="37"/>
|
||||
<SubTexture name="tap.png" x="156" y="1712" width="40" height="40"/>
|
||||
<SubTexture name="tapLeft.png" x="0" y="1996" width="85" height="42"/>
|
||||
<SubTexture name="tapRight.png" x="85" y="1996" width="85" height="42"/>
|
||||
<SubTexture name="tapTick.png" x="418" y="1350" width="59" height="59"/>
|
||||
<SubTexture name="textGameOver.png" x="0" y="835" width="412" height="78"/>
|
||||
<SubTexture name="textGetReady.png" x="0" y="913" width="400" height="73"/>
|
||||
</TextureAtlas>
|
||||
Loading…
x
Reference in New Issue
Block a user