Lurkars/openzilch.js
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added 'how to play'; correct spelling; fixed win mechanics; prepare for settings

Browse Source
This commit is contained in:
Lurkars
2017-04-14 21:45:21 +02:00
parent 3ff112057d
commit 34e53c4835
4 changed files with 63 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+19 -2
View File
@@ -13,7 +13,7 @@
<div class="container">
<div class="header">
<h1>openzilch.js</h1>
<p class="description">Simple javascript implementation of the <strong>Zilch</strong> game, also known as <strong>Dice 10000</strong>. For rules see <a href="https://en.wikipedia.org/wiki/Dice_10000" target="_blank">Dice 10000 - Wikipedia</a>.</p>
<p class="description">Simple javascript implementation of the <strong>Zilch</strong> game, also known as <strong>Dice 10000</strong>.</p>
</div>
<div class="game">
<div class="top">
@@ -44,9 +44,26 @@
<label class="label" for="points">Points</label>
<div class="points" id="points"></div>
</div>
<button class="button" id="dices-button">Role Dice/s</button>
<button class="button" id="dices-button">Roll Dice/s</button>
</div>
</div>
<hr />
<p>
<strong class="uppercase">How to play:</strong> The goal is to make over <strong>10000</strong> points. You roll six dices and take points. If you score 300 points and above, you can end the round and score the points. This is the score table:
<ul>
<li>Single <i>fives</i> <strong>50</strong> each</li>
<li>Single <i>ones</i> <strong>100</strong> each</li>
<li>Three of a kind <strong>100 x [number]</strong> exception three <i>ones</i> scoring <strong>1000</strong></li>
<li>Four/Five/Six of a kind doubles the <i>Three/Four/Five of a kind</i> points</li>
<li>Straight <strong>1500</strong></li>
<li>Three pairs <strong>1500</strong></li>
</ul>
If you cannot take any points, you get a <strong>Zilch</strong> and end the round. After three <strong>Zilchs</strong> in a row, you get a <strong>-500</strong> points penalty. If you scored with all six dices, you cann roll again.
</p>
<p>For more information see <a href="https://en.wikipedia.org/wiki/Dice_10000" target="_blank">Dice 10000 - Wikipedia</a>.</p>
<hr />
<p>Created by Lukas Haubaum. Design template and code inspiration by <a href="https://gabrielecirulli.github.io/2048/" target="_blank">Gabriele Cirulli's 2048</a>.</p>
<hr />
js/game.js
+38 -31
View File
@@ -6,7 +6,7 @@ function Game(Interface) {
self.Interface.on("restart", self.restart.bind(this));
self.Interface.on("takePoints", self.takePoints.bind(this));
self.Interface.on("addPoints", self.addPoints.bind(this));
self.Interface.on("roleDices", self.roleDices.bind(this));
self.Interface.on("rollDices", self.rollDices.bind(this));
self.Interface.on("toggleDice", self.toggleDice.bind(this));
@@ -42,6 +42,7 @@ Game.prototype.setup = function() {
self.history = [];
self.cpuStarts = self.random(2);
self.cpuSpeed = 1000;
self.playing = !self.cpuStarts;
@@ -55,11 +56,13 @@ Game.prototype.setup = function() {
if (self.cpuStarts) {
self.Interface.showMessage("CPU starts!", 1000, function() {
self.roleDices();
setTimeout(function() {
self.rollDices();
}, self.cpuSpeed);
});
} else {
self.Interface.showMessage("Player starts!", 0, function() {
self.Interface.disableRoleDices(false);
self.Interface.disableRollDices(false);
});
}
@@ -70,7 +73,7 @@ Game.prototype.random = function(int) {
return Math.floor((Math.random() * int));
};
Game.prototype.roleDices = function(all) {
Game.prototype.rollDices = function(all) {
var self = this;
self.Interface.clearMessage();
@@ -95,7 +98,7 @@ Game.prototype.roleDices = function(all) {
}
if (rollCount == 0) {
self.roleDices(true);
self.rollDices(true);
} else if (self.checkZilch(rollCount == 6)) {
self.Interface.animateDices(self.dices, function() {
@@ -147,7 +150,7 @@ Game.prototype.roleDices = function(all) {
} else {
self.Interface.animateDices(self.dices);
self.Interface.disableTakePoints(true);
self.Interface.disableRoleDices(true);
self.Interface.disableRollDices(true);
self.Interface.setDices(self.dices);
if (!self.playing) {
@@ -207,9 +210,9 @@ Game.prototype.toggleDice = function(diceIndex) {
}
if (valid && points > 0 && self.playing) {
self.Interface.disableRoleDices(false);
self.Interface.disableRollDices(false);
} else {
self.Interface.disableRoleDices(true);
self.Interface.disableRollDices(true);
}
if (valid && self.points + points >= 300 && self.playing) {
@@ -314,15 +317,6 @@ Game.prototype.takePoints = function() {
self.history.push(history);
}
if (self.playing && self.cpuStarts && self.player.score > 10000 && self.player.score > self.cpu.score) {
self.Interface.showMessage("Player wins!")
} else if (!self.playing && !self.cpuStarts && self.cpu.score > 10000 && self.cpu.score > self.player.score) {
self.Interface.showMessage("CPU wins!")
} else if (self.player.score > 10000 && self.player.score === self.cpu.score) {
self.Interface.showMessage("Remi!")
}
self.endRound();
};
@@ -331,7 +325,6 @@ Game.prototype.endRound = function() {
// Reset
self.points = 0;
self.playing = !self.playing;
for (var i = 0; i < 6; i++) {
var dice = self.dices[i];
@@ -339,22 +332,36 @@ Game.prototype.endRound = function() {
}
self.Interface.disableTakePoints(true);
self.Interface.disableRoleDices(true);
self.Interface.disableRollDices(true);
self.Interface.setDices(self.dices);
self.Interface.setPoints(self.points);
self.Interface.setPlaying(self.playing);
self.Interface.setPlayer(self.player);
self.Interface.setCpu(self.cpu);
self.Interface.disableTakePoints(true);
if (self.playing) {
self.Interface.disableRoleDices(false);
}
if (!self.playing) {
setTimeout(function() {
self.roleDices();
}, 1500);
// check score
var checkScore = self.playing && self.cpuStarts || !self.playing && !self.cpuStarts;
if (checkScore && self.player.score >= 10000 && self.player.score > self.cpu.score) {
self.Interface.showMessage("Player wins!")
} else if (checkScore && self.cpu.score >= 10000 && self.cpu.score > self.player.score) {
self.Interface.showMessage("CPU wins!")
} else if (self.player.score >= 10000 && self.player.score == self.cpu.score) {
self.Interface.showMessage("Remi!")
} else {
self.playing = !self.playing;
self.Interface.setPlaying(self.playing);
// continue
if (self.playing) {
self.Interface.disableRollDices(false);
}
if (!self.playing) {
setTimeout(function() {
self.rollDices();
}, self.cpuspeed);
}
}
}
@@ -392,14 +399,14 @@ Game.prototype.cpuPlay = function() {
}
setTimeout(function() {
// strategy: end round if points > 300 and less than 4 dices left
if (self.points + self.calculatePoints() > 300 && freeDices < 4 && freeDices > 0) {
// strategy: end round if points >= 300 and less than 4 dices left
if (self.points + self.calculatePoints() >= 300 && freeDices < 4 && freeDices > 0) {
self.takePoints();
} else {
self.addPoints();
self.roleDices();
self.rollDices();
}
}, 3000);
}, self.cpuSpeed * 2);
}
js/interface.js
+2 -2
View File
@@ -37,7 +37,7 @@ function Interface() {
self.dicesButton.addEventListener("click", function() {
if (self.playing) {
self.fireEvent("addPoints");
self.fireEvent("roleDices");
self.fireEvent("rollDices");
}
});
@@ -134,7 +134,7 @@ Interface.prototype.disableTakePoints = function(disabled) {
this.pointsButton.disabled = disabled;
};
Interface.prototype.disableRoleDices = function(disabled) {
Interface.prototype.disableRollDices = function(disabled) {
this.dicesButton.disabled = disabled;
};
style/main.css
+4
View File
@@ -36,6 +36,10 @@ hr {
margin-bottom: 30px;
}
.uppercase {
text-transform: uppercase;
}
.container {
width: 500px;
margin: 0 auto;