correction & tweaks

This commit is contained in:
Florian Bouillon 2018-02-05 11:19:44 +01:00
parent 79f580ba9d
commit eb410782c0
2 changed files with 39 additions and 36 deletions

View File

@ -14,14 +14,19 @@
.black {
background: black;
}
.hidden {
visibility: hidden;
}
</style>
</head>
<body>
<div class="prgm">
<input value="250" class="geninput"/>
<button onclick="gen()">Generate</button>
</div>
<button onclick="moving()" style="position: fixed;top: 0;">Move</button>
<input style="position: fixed;bottom: 0;" class="moves"/>
<button class="hidden" onclick="moving()" style="position: fixed;top: 0;">Move</button>
<input style="position: fixed;bottom: 0;" class="moves hidden"/>
</body>
<script type="text/javascript" src="prgm.js"></script>
<script>
@ -30,11 +35,15 @@
Prgm.Ant.move();
}
}
window.onload = function() {
stop = false;
Prgm.setElement("test");
Prgm.init(document.getElementsByClassName("prgm")[0], 250);
Prgm.Ant.setAt(50, 200);
};
function gen() {
Prgm.setElement("AntProgram");
document.getElementsByClassName("hidden")[0].classList.remove("hidden")
document.getElementsByClassName("hidden")[0].classList.remove("hidden")
square = document.getElementsByClassName("geninput")[0].value;
Prgm.init(document.getElementsByClassName("prgm")[0], square);
Prgm.Ant.setAt(Math.trunc(square/2), Math.trunc(square/2));
}
</script>
</html>

50
prgm.js
View File

@ -5,61 +5,55 @@ var Prgm = {
this.Ant.element= elementName;
},
init: function(element, width) {
width++;
table = "<table id="+this.element+">";
for (t = 0; t < width; t++) {
table += '<tr line="'+t+'">';
table += "<tr>";
for (i = 0; i < width; i++) {
table += '<td col="'+i+'"></td>';
table += '<td col="'+t+'" line="'+i+'"></td>';
}
table += "</tr>";
}
element.innerHTML += table;
element.innerHTML = table;
},
Ant: {
element: "table",
prepos: [0,0],
pos: [0,0],
setAt: function(line, col) {
//console.log("Entering : Ant.setAt");
col--;
line--;
document.getElementById(this.element).childNodes[0].childNodes[line].childNodes[col].classList.add("ant");
this.pos = [line, col];
this.prepos = [line+1, col];
//window.alert(col + ", " + line + ", " + AntElement);
document.getElementById(this.element).childNodes[0].childNodes[col].childNodes[line].classList.add("ant");
pos = document.getElementsByClassName("ant")[0];
this.pos = [pos.getAttribute("line"), pos.getAttribute("col")];
this.prepos = this.pos;
this.prepos[0] = this.pos[0] - 1;
},
move: function() {
//console.log("Entering : Ant.move");
//console.log("prepos : " + this.prepos + "\npos : " + this.pos);
//console.log("Diff : "+(parseInt(this.prepos[0])-parseInt(this.pos[0]))+", "+(parseInt(this.prepos[1])-parseInt(this.pos[1])));
if(document.getElementsByClassName("ant")[0].classList.contains("black")) {
document.getElementsByClassName("ant")[0].classList.remove("black");
//console.log("Black tile !\nSending : " + (parseInt(this.prepos[1])-parseInt(this.pos[1]))+", "+ (-(parseInt(this.prepos[0])-parseInt(this.pos[0]))));
this.a(parseInt(this.prepos[1])-parseInt(this.pos[1]), -(parseInt(this.prepos[0])-parseInt(this.pos[0])));
window.alert(parseInt(this.prepos[0])+parseInt(this.pos[0])+", "+(parseInt(this.prepos[1])+parseInt(this.pos[1])));
if(pos.classList.contains("black")) {
//window.alert(this.prepos[0]+this.pos[0]+", "+this.prepos[1]+this.pos[1]);
//window.alert(this.prepos);
this.a();
} else {
document.getElementsByClassName("ant")[0].classList.add("black");
//console.log("White tile !\nSending : " + (-(parseInt(this.prepos[1])-parseInt(this.pos[1])))+", "+ (parseInt(this.prepos[0])-parseInt(this.pos[0])));
this.a(-(parseInt(this.prepos[1])-parseInt(this.pos[1])), parseInt(this.prepos[0])-parseInt(this.pos[0]));
//window.alert(parseInt(this.prepos[0])+parseInt(this.pos[0])+", "+(parseInt(this.prepos[1])+parseInt(this.pos[1])));
//window.alert(this.prepos);
}
//window.alert(this.pos);
},
a: function(line, col) {
//console.log("Entering : Ant.a");
document.getElementsByClassName("ant")[0].classList.remove("ant");
//console.log("Setting Ant Position to :\nLine : " + (line+parseInt(this.pos[0])) + "\nColumn : " + (col+parseInt(this.pos[1])) );
//window.alert(line+", "+col);
//window.alert((line+parseInt(this.pos[0]))+", "+(col+parseInt(this.pos[1])));
pos = document.getElementsByClassName("ant")[0].classList.remove("ant");
document
.getElementById(this.element)
.childNodes[0]
.childNodes[line+parseInt(this.pos[0])]
.childNodes[col+parseInt(this.pos[1])]
.childNodes[line-1+parseInt(this.prepos[0])]
.childNodes[col-1+parseInt(this.prepos[1])]
.classList
.add("ant");
this.prepos = this.pos;
this.pos = [line+parseInt(this.prepos[0]), col+parseInt(this.prepos[1])];
},
}
}