ein geschickichkeitsspiel wo schnelligkeit und konzetration notwendig ist
// ==UserScript==
// @name Geschicklichkeits spiel
// @namespace basti 10121012
// @include **
// @namespace
// @author pennerhackisback früher basti1012 oder pennerhack
// @description ein geschickichkeitsspiel wo schnelligkeit und konzetration notwendig ist
// @version 2
// @author basti1012
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_xmlhttpRequest
// @grant GM_openInTab
// @grant GM_log
// @icon http://www.lildevil.org/greasemonkey/images/IC-icon.png
// ==/UserScript==
document.getElementById('content').innerHTML += '<div id="response"></div><div id="ww"></div>';
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('body')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
var url = document.location.href;
var xmlHttp = new XMLHttpRequest();
var response = document.getElementById("response");
xmlHttp.open("GET", url, true); // true for asynchronous
xmlHttp.send(null);
xmlHttp.onreadystatechange = function() {
response.innerHTML = xmlHttp.status;
};
//------------------------font-weight:bold;-----------------------------------------------------------------
var maxfenster = 600; // Px
var maxtiefe = maxfenster+200;
var farbemengen = 16777215;//Möglich sind 16777215
var min = 10; // Gröse der quadrate minimum
var max = 200; // gröse der quadrate maximun
addGlobalStyle('#info{float:left; margin:0;padding:0px 0px 0px 0px;color:black;font-family:Arial;font-size:20px; text-align:center;}');
addGlobalStyle('.ul{float:left; margin:0;padding:0px 0px 0px 0px;color:red;font-family:Arial;font-size:20px; text-align:center;}');
addGlobalStyle('#alles {position:absolute;top:0px; left:0px; z-index:1; height:'+maxtiefe+'px; width:'+maxfenster+'px; background-color:yellow;}');
addGlobalStyle('#inhalt {position:absolute;top:-100px; left:0px; z-index:15; height:100px; width:'+maxfenster+'px; background-color:grey;}');
addGlobalStyle('#did1 {position:absolute;top:0px; left:0px; z-index:2; height:200px; width:200px; background-color:red;}');
addGlobalStyle('#did2 {position:absolute;top:0px; left:200px; z-index:3; height:200px; width:200px; background-color:green;}');
addGlobalStyle('#did3 {position:absolute;top:0px; left:400px; z-index:4; height:200px; width:200px; background-color:blue;}');
addGlobalStyle('#did4 {position:absolute;top:200px; left:0px; z-index:5; height:200px; width:200px; background-color:green;}');
addGlobalStyle('#did5 {position:absolute;top:200px; left:200px; z-index:6; height:200px; width:200px; background-color:blue;}');
addGlobalStyle('#did6 {position:absolute;top:200px; left:400px; z-index:7; height:200px; width:200px; background-color:red;}');
addGlobalStyle('#did7 {position:absolute;top:400px; left:0px; z-index:8; height:200px; width:200px; background-color:blue;}');
addGlobalStyle('#did8 {position:absolute;top:400px; left:200px; z-index:9; height:200px; width:200px; background-color:red;}');
addGlobalStyle('#did9 {position:absolute;top:400px; left:400px; z-index:10; height:200px; width:200px; background-color:green;}');
addGlobalStyle('#did10 {position:absolute;top:600px; left:0px; z-index:10; height:200px; width:600px; background-color:green;}');
addGlobalStyle('#meinspan {display:block;}');
document.getElementById('ww').innerHTML = '<div id="inhalt"><input type="button" name="startt" id="startt" value="Start Spiel"><br>'
+'Leicht:<input type="checkbox" name="leicht1" id="leicht1"> '
+'Mittel:<input type="checkbox" name="leicht2" id="leicht2"> '
+'Schwer:<input type="checkbox" name="leicht3" id="leicht3"> '
+'Super schwer:<input type="checkbox" name="leicht4" id="leicht4"></div>'
+'<div id="alles"><div id="l"></div>'
+'<div id="did1" name="as"><span id="meinspan">Merke dir diesen Würfel und klicke ihn schnellls möglich an </span></div>'
+'<div id="did2" name="as"></div>'
+'<div id="did3" name="as"></div>'
+'<div id="did4" name="as"></div>'
+'<div id="did5" name="as"></div>'
+'<div id="did6" name="as"></div>'
+'<div id="did7" name="as"></div>'
+'<div id="did8" name="as"></div>'
+'<div id="did9" name="as"></div>'
+'<div id="did10" ><div id="info"></div></div>'
+'</div>';
window.onload = function() {
chek1 = document.getElementById('leicht1')
chek1.onchange = function() {
var speedq = 1000;
document.getElementsByName('leicht1')[0].checked =true;
document.getElementsByName('leicht2')[0].checked =false;
document.getElementsByName('leicht3')[0].checked =false;
document.getElementsByName('leicht4')[0].checked =false;
sessionStorage.setItem('speedq', speedq);
}
chek2 = document.getElementById('leicht2')
chek2.onchange = function() {
var speedq = 500;
document.getElementsByName('leicht1')[0].checked =false;
document.getElementsByName('leicht2')[0].checked =true;
document.getElementsByName('leicht3')[0].checked =false;
document.getElementsByName('leicht4')[0].checked =false;
sessionStorage.setItem('speedq', speedq);
}
chek3 = document.getElementById('leicht3')
chek3.onchange = function() {
var speedq = 250;
document.getElementsByName('leicht1')[0].checked =false;
document.getElementsByName('leicht2')[0].checked =false;
document.getElementsByName('leicht3')[0].checked =true;
document.getElementsByName('leicht4')[0].checked =false;
sessionStorage.setItem('speedq', speedq);
}
chek4 = document.getElementById('leicht4')
chek4.onchange = function() {
var speedq = 100;
document.getElementsByName('leicht1')[0].checked =false;
document.getElementsByName('leicht2')[0].checked =false;
document.getElementsByName('leicht3')[0].checked =false;
document.getElementsByName('leicht4')[0].checked =true;
sessionStorage.setItem('speedq', speedq);
}
document.getElementsByName('startt')[0].addEventListener('click', function start() {
if (window.confirm("Achtung spiel startet "+sessionStorage.getItem('speedq')+"")) {
document.getElementById('meinspan').style.display="none";
los()
}
var falsch = document.getElementsByName('as');
for(sa=0;sa<=8;sa++){
falsch[sa].onclick = function() {
hi = sessionStorage.getItem('hi');
hi++
sessionStorage.setItem('hi', hi);
}
}
ay3 = document.getElementById('alles');
ay3.onclick = function() {
var neben = sessionStorage.getItem('neben');
neben++;
sessionStorage.setItem('neben', neben);
daneben = sessionStorage.getItem('neben')-sessionStorage.getItem('hi');
}
sel3 = document.getElementById('did1');
sel3.onclick = function() {
clearInterval(timerr);
ypx = new Date()
diff = ypx.getTime() - anfangpx.getTime()
alert("Es dauerte " + diff/1000 + " Sekunden, denn richtigen Würfel zu treffen\n "+hi+" mal falsch den falschen würfel geklickt \n "+daneben+" daneben geklickt")
}
// $did2.click(function() {
// alert('HOVER')
// });
function los(){
b()
sessionStorage.setItem('hi', 0);
sessionStorage.setItem('neben', 0);
anfangpx = new Date()
}
function b(){
var a =aa()
var x =xx()
var xx1= po(x);
var yy = po(x);
document.getElementById('did'+a).style.top=xx1+'px';
document.getElementById('did'+a).style.left=yy+'px';
document.getElementById('did'+a).style.width=x+'px';
document.getElementById('did'+a).style.height=x+'px';
var color = '#'+Math.floor(Math.random()*farbemengen).toString(16);
f1 = farb(color,1)
f2 = farb(color,2)
f3 = farb(color,3)
f4 = farb(color,4)
f5 = farb(color,5)
f6 = farb(color,6)
var ee = '<b>'+f1+' - '+f2+' - '+f3+' - '+f4+' - '+f5+' - '+f6+'</b>';
var allfarbe4 = Math.round(parseInt(f1)*parseInt(f2));
var allfarbe1 =Math.round(parseInt(allfarbe4)*parseInt(f3));
var allfarbe2 =Math.round(parseInt(allfarbe1)*parseInt(f4));
var allfarbe3 =Math.round(parseInt(allfarbe2)*parseInt(f5));
var allfarbe =Math.round(parseInt(allfarbe3)*parseInt(f6));
var zusammen = allfarbe*x;
var poos = xx1*yy;
var gesamt = zusammen*poos;
document.getElementById('info').innerHTML =' '+ee+' <br>'
+'Farbcode Möglichkeiten ( 16777215 )<br>'+allfarbe+'<br>'
+'Farben mal Grösse ( 200 px )('+x+')<br>'+zusammen+'<br>'
+''+maxfenster+'px X '+maxfenster+'px mögliche Positsionen (360000)('+poos+') <br>'+gesamt+'<br>'
+'Vielen Dank fürs zukucken<a href="https://greasyfork.org/de/users/150605-pennerhackisback" titel="Meine Scripte von Pennerhackisback">Meine Scripte</a>';
document.getElementById('did'+a).style.background = color;
timerr =window.setTimeout(function () { b() }, sessionStorage.getItem('speedq'));
}
function xx(){
var x = Math.floor(Math.random() * (max - min));
return x;
}
function aa(){
min1 = 1;
max1 = 11;
var a = Math.floor(Math.random() * (max1 - min1));
if(a==0){
a=1;
return a;
}else{
return a;
}
}
function farb(color,p){
g=color.split('')[p];
if(g=='a'){var g =10;}else
if(g=='b'){var g =11;}else
if(g=='c'){var g =13;}else
if(g=='d'){var g =14;}else
if(g=='e'){var g =15;}else
if(g=='f'){var g =12;}else
if(g==0){var g =16;}else
if(g==1){var g =1;}else
if(g==2){var g =2;}else
if(g==3){var g =3;}else
if(g==4){var g =4;}else
if(g==5){var g =5;}else
if(g==6){var g =6;}else
if(g==7){var g =7;}else
if(g==8){var g =8;}else
if(g==9){var g =9;}else
{var g =1;}
return g;
}
function po(x){
var max2=maxfenster-x;
var po = Math.floor(Math.random() * (max2 - 1));
//if(po==1){var x = 0; var y = 0;}else
return po;
}
}, false);
}