regressions
parent
8bc073f84a
commit
a521652ea8
|
@ -41,7 +41,7 @@ body{
|
||||||
left:0px;
|
left:0px;
|
||||||
width:210px;
|
width:210px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
background:rgba(1,1,1,.20);
|
background:rgba(200,200,200,.03);
|
||||||
}
|
}
|
||||||
|
|
||||||
#leftInfo{
|
#leftInfo{
|
||||||
|
@ -50,8 +50,8 @@ body{
|
||||||
height:200px;
|
height:200px;
|
||||||
width:200px;
|
width:200px;
|
||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
background: rgba(0,0,0,.40);
|
background:rgba(1,1,1,.7);
|
||||||
border: 1px solid DimGrey;
|
border: 1px solid #6666;
|
||||||
}
|
}
|
||||||
|
|
||||||
#leftInfo ul {padding:2%;}
|
#leftInfo ul {padding:2%;}
|
||||||
|
@ -62,7 +62,7 @@ body{
|
||||||
width:80px;
|
width:80px;
|
||||||
height:400px;
|
height:400px;
|
||||||
margin:5px auto;
|
margin:5px auto;
|
||||||
background:rgba(10,10,10,.40);
|
background:rgba(1,1,1,.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
#gameOver{
|
#gameOver{
|
||||||
|
@ -97,7 +97,7 @@ body{
|
||||||
right:0;
|
right:0;
|
||||||
left:560px;
|
left:560px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background:rgba(1,1,1,.30);
|
background:rgba(255,255,255,0);
|
||||||
}
|
}
|
||||||
|
|
||||||
#info{
|
#info{
|
||||||
|
@ -105,7 +105,7 @@ body{
|
||||||
width:210px;
|
width:210px;
|
||||||
left:210px;
|
left:210px;
|
||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
background:rgba(1,1,1,.30);
|
background:rgba(200,200,200,.03);
|
||||||
}
|
}
|
||||||
|
|
||||||
#preview{
|
#preview{
|
||||||
|
@ -113,7 +113,7 @@ body{
|
||||||
height:400px;
|
height:400px;
|
||||||
top:0px;
|
top:0px;
|
||||||
margin:10px auto;
|
margin:10px auto;
|
||||||
background:rgba(10,10,10,.40);
|
background:rgba(1,1,1,.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -121,25 +121,25 @@ body{
|
||||||
color:DimGrey;
|
color:DimGrey;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
margin:10px 0;
|
margin:10px 0;
|
||||||
background:rgba(0,0,0,0);
|
background:rgba(255,255,255,0);
|
||||||
}
|
}
|
||||||
#level{
|
#level{
|
||||||
color:dodgerblue;
|
color:dodgerblue;
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
background:rgba(0,0,0,0);
|
background:rgba(255,255,255,0);;
|
||||||
}
|
}
|
||||||
|
|
||||||
#scoreInfo{
|
#scoreInfo{
|
||||||
color:DimGrey;
|
color:DimGrey;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
margin-top:0;
|
margin-top:0;
|
||||||
background:rgba(0,0,0,0);
|
background:rgba(255,255,255,0);
|
||||||
}
|
}
|
||||||
|
|
||||||
#score{
|
#score{
|
||||||
color:dodgerblue;
|
color:dodgerblue;
|
||||||
font-family: 'Arial';
|
font-family: 'Arial';
|
||||||
background:rgba(0,0,0,0);
|
background:rgba(255,255,255,0);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -885,7 +885,7 @@ Tetris.prototype = {
|
||||||
document.getElementById("Timer").value = (this.isTimerOn = !this.isTimerOn) ? "Seconds:" : "Timer Off";
|
document.getElementById("Timer").value = (this.isTimerOn = !this.isTimerOn) ? "Seconds:" : "Timer Off";
|
||||||
},
|
},
|
||||||
toggleGamepad: function(){
|
toggleGamepad: function(){
|
||||||
document.getElementById("gamepad").value = (this.gamepadEnabled = !this.gamepadEnabled) ? "Disable Gamepad" : "Enable Gamepad";
|
document.getElementById("enablegamepad").value = ((this.gamepadEnabled = !this.gamepadEnabled) ? "Disable Gamepad" : "Enable Gamepad");
|
||||||
},
|
},
|
||||||
setFreePlay: function()
|
setFreePlay: function()
|
||||||
{
|
{
|
||||||
|
|
33
index.html
33
index.html
|
@ -46,9 +46,16 @@
|
||||||
|
|
||||||
<!-- <iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/tdjyzz?gui=true&t=10&paused=false&muted=false" allowfullscreen></iframe> -->
|
<!-- <iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/tdjyzz?gui=true&t=10&paused=false&muted=false" allowfullscreen></iframe> -->
|
||||||
<!-- <iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/3lVfDm?gui=true&t=10&paused=true&muted=false" allowfullscreen></iframe> -->
|
<!-- <iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/3lVfDm?gui=true&t=10&paused=true&muted=false" allowfullscreen></iframe> -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/WldfWX?gui=&paused=false&muted=false" ></iframe>
|
<iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/WldfWX?gui=&paused=false&muted=false" ></iframe>
|
||||||
<!-- <iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/3sy3Wy?gui=true&t=10&paused=false&muted=false" ></iframe> -->
|
|
||||||
<!-- <iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/MlSSRt?gui=&paused=false&muted=false" allowfullscreen></iframe> -->
|
<!-- <iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/MlSSRt?gui=&paused=false&muted=false" allowfullscreen></iframe> -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- <iframe id="bg" width="640" height="360" frameborder="0" src="https://www.shadertoy.com/embed/3sy3Wy?gui=true&t=10&paused=false&muted=false" ></iframe> -->
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
document.getElementById("bg").width = window.innerWidth;
|
document.getElementById("bg").width = window.innerWidth;
|
||||||
document.getElementById("bg").height = window.innerHeight;
|
document.getElementById("bg").height = window.innerHeight;
|
||||||
|
@ -73,7 +80,7 @@ document.getElementById("divbg").removeAttribute("tabIndex");
|
||||||
}</style>
|
}</style>
|
||||||
|
|
||||||
<ul style="font-size:16px;color:dodgerblue;text-align:left;" id="Openers">Openers:
|
<ul style="font-size:16px;color:dodgerblue;text-align:left;" id="Openers">Openers:
|
||||||
<li style="font-size:12px;color:powderblue;"><a href="#" id="setFreePlay">No Opener </a></li>
|
<li style="font-size:12px;cdolor:powderblue;"><a href="#" id="setFreePlay">No Opener </a></li>
|
||||||
<ul style="font-size:14px;color:dodgerblue;text-align:left;" id="TSpinOpeners">T-Spin Openers:
|
<ul style="font-size:14px;color:dodgerblue;text-align:left;" id="TSpinOpeners">T-Spin Openers:
|
||||||
<ul style="font-size:13px;color:dodgerblue;text-align:left;padding-left:1em;" id="EarlyIPiece">Early I Piece:
|
<ul style="font-size:13px;color:dodgerblue;text-align:left;padding-left:1em;" id="EarlyIPiece">Early I Piece:
|
||||||
<li style="font-size:12px;padding-left:1em;"><a href="#" id="setTKIFonzieVar">TKI 3 (Fonzie variation) </a></li>
|
<li style="font-size:12px;padding-left:1em;"><a href="#" id="setTKIFonzieVar">TKI 3 (Fonzie variation) </a></li>
|
||||||
|
@ -122,14 +129,14 @@ document.getElementById("divbg").removeAttribute("tabIndex");
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<canvas style="border: 1px solid DarkGrey;" id="hold"></canvas>
|
<canvas style="border: 1px solid #6666;" id="hold"></canvas>
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
<input style="padding-left:12px;text-decoration:underline;overflow:visible;font-size:12px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" type="button" id="Timer" value="Timer Off"/>
|
<input style="padding-left:12px;text-decoration:underline;overflow:visible;font-size:12px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" type="button" id="Timer" value="Timer Off"/>
|
||||||
<input disabled=true style="padding:1px;overflow:visible;width:70px;font-size:12px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" type="text" id="Time" value=""/>
|
<input disabled=true style="padding:1px;overflow:visible;width:70px;font-size:12px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" type="text" id="Time" value=""/>
|
||||||
|
|
||||||
<input disabled=true style="overflow:visible;width:63px;font-size:12px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" type="text" id="besttimetext" value="Best Time:"/>
|
<input disabled=true style="overflow:visible;width:63px;font-size:12px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" type="text" id="besttimetext" value="Best Time:"/>
|
||||||
<input disabled=true style="overflow:visible;width:68px;font-size:12px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" type="text" id="besttime" value=""/>
|
<input disabled=true style="overflow:visible;width:68px;font-size:12px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" type="text" id="besttime" value=""/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="gameOver">
|
<div id="gameOver">
|
||||||
|
@ -144,17 +151,17 @@ document.getElementById("divbg").removeAttribute("tabIndex");
|
||||||
<h2 id="scoreInfo">Score: <br><span id="score" >0</span></h2>
|
<h2 id="scoreInfo">Score: <br><span id="score" >0</span></h2>
|
||||||
<!-- <h1 style="visibility:collapse;" id="linesInfo">Lines: <br><span id="lines" >0</span></h1> -->
|
<!-- <h1 style="visibility:collapse;" id="linesInfo">Lines: <br><span id="lines" >0</span></h1> -->
|
||||||
<div style="visibility:collapse" id="rewardInfo" class="invisible">+<span id="reward">0</span></div>
|
<div style="visibility:collapse" id="rewardInfo" class="invisible">+<span id="reward">0</span></div>
|
||||||
<canvas style="border: 1px solid DarkGrey;" id="preview"></canvas>
|
<canvas style="border: 1px solid #6666;" id="preview"></canvas>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
<select style="width:80px;font-size:13px;background:rgba(40,40,40,.80);color:dodgerblue;border: 1px solid DarkGrey;text-align:left;" id="settings" name="setting">
|
<select style="width:80px;font-size:13px;background:rgba(40,40,40,0);color:dodgerblue;border: 1px solid #6666;text-align:left;" id="settings" name="setting">
|
||||||
<option selected="">Settings:</option>
|
<option selected="">Settings:</option>
|
||||||
</select>
|
</select>
|
||||||
<input style="width:50px;font-size:13px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" type="text" id="setting_value">
|
<input style="width:50px;font-size:13px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" type="text" id="setting_value">
|
||||||
<input style="width:45px;font-size:12px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" id="submitsetting" type="submit" value="Set"></input>
|
<input style="width:45px;font-size:12px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" id="submitsetting" type="submit" value="Set"></input>
|
||||||
<br>
|
<br>
|
||||||
<input style="width:70px;font-size:12px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" id="test" type="submit" value="Hide Hints"></input>
|
<input style="width:70px;font-size:12px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" id="test" type="submit" value="Hide Hints"></input>
|
||||||
<input style="width:110px;font-size:12px;background:rgba(40,40,40,.80);color:dodgerblue;border:1px solid DarkGrey;text-align:left;" id="enablegamepad" type="submit" value="Enable Gamepad"></input>
|
<input style="width:110px;font-size:12px;background:rgba(40,40,40,0);color:dodgerblue;border:1px solid #6666;text-align:left;" id="enablegamepad" type="button" value="Enable Gamepad"/>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -178,7 +178,7 @@ Tetris.prototype = {
|
||||||
document.getElementById("Timer").value = (this.isTimerOn = !this.isTimerOn) ? "Seconds:" : "Timer Off";
|
document.getElementById("Timer").value = (this.isTimerOn = !this.isTimerOn) ? "Seconds:" : "Timer Off";
|
||||||
},
|
},
|
||||||
toggleGamepad: function(){
|
toggleGamepad: function(){
|
||||||
document.getElementById("gamepad").value = (this.gamepadEnabled = !this.gamepadEnabled) ? "Disable Gamepad" : "Enable Gamepad";
|
document.getElementById("enablegamepad").value = ((this.gamepadEnabled = !this.gamepadEnabled) ? "Disable Gamepad" : "Enable Gamepad");
|
||||||
},
|
},
|
||||||
setFreePlay: function()
|
setFreePlay: function()
|
||||||
{
|
{
|
||||||
|
|
Loading…
Reference in New Issue