summaryrefslogtreecommitdiff
path: root/fo.js
diff options
context:
space:
mode:
authorlouie <lshprung@yahoo.com>2020-09-20 09:26:58 -0700
committerlouie <lshprung@yahoo.com>2020-09-20 09:26:58 -0700
commita8c0d5619ee6d518737628d6c585233d0bba23da (patch)
tree30c13cf2439700c78d51acc9b430cb5fa092f963 /fo.js
First commit
Diffstat (limited to 'fo.js')
-rw-r--r--fo.js238
1 files changed, 238 insertions, 0 deletions
diff --git a/fo.js b/fo.js
new file mode 100644
index 0000000..d6776ef
--- /dev/null
+++ b/fo.js
@@ -0,0 +1,238 @@
+var dice = {
+
+ scoring:[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
+ vals:[0,0,0,0,0],
+ holds:[0,0,0,0,0],
+ roll:-1,
+ round:0,
+ fhoak:0, //for use in determining full house
+ finish:false, //will be true when the game is over
+
+ submit_round:function(){
+ dice.roll = 3;
+ },
+
+ hold_func:function(n){ //called when a dice is clicked on
+ dice.holds[n] = !dice.holds[n];
+ document.getElementById(`hold${n}`).innerHTML= (dice.holds[n]? "<div class='HOLD'>HOLD</div>":'&nbsp;')
+ },
+ rand:function(){ //picks a random dice value
+ return Math.ceil(Math.random()*6);
+ },
+
+ oak: function(num_of_kind, repeat = 0){ //determines x of a kind scoring (including yahtzee)
+ let ret = 0,
+ count;
+ for(let n = 1; n <= 6; n++){ //each possible dice value is checked
+ if(n !== repeat){
+ count = 0;
+ for(let i = 0; i < 5; i++){ //how many of this val do I have? lets look at each dice...
+ if(dice.vals[i] == n) count++;
+ }
+ }
+ if(count >= num_of_kind) {
+ dice.fhoak = n;
+ for(let i = 0; i < 5; i++){
+ ret += dice.vals[i];
+ }
+ }
+ }
+ return ret;
+ },
+
+ full_house: function(){ //determines full house scoring (using x of a kind and dice.fhoak)
+ return (dice.oak(3) ? (dice.oak(2, dice.fhoak) ? 25:0) : 0);
+ },
+
+ straight: function(size){ //determines small and large straight scoring
+ let str = '';
+ let count;
+ let p = 0;
+ for(let val in dice.vals){ // 26345
+ str += dice.vals[val];
+ }
+ for(let a = size; a <= 6; a++){ // 4 : 4,5,6
+ count = 0;
+ for(let b = 1+(a-size); b <= a; b++){
+ if(str.includes(b)){
+ count++;
+ }
+ }
+ if(count >= size){
+ p = 30+(size-4)*10;
+ break;
+ }
+ }
+ return p;
+ },
+
+ chance:function(){ //determines chance scoring
+ let sum = 0;
+ //dice.vals.forEach(x => { sum+=x});
+ for(let val in dice.vals){
+ sum += dice.vals[val];
+ }
+ return sum;
+ },
+
+ final_scoring:function(){ //called when dice.finish is set to true to determine the final score values
+ prepare_score(20, dice.scoring[8]);
+ for(let s = 9; s <= 15; s++){
+ dice.scoring[19] += dice.scoring[s];
+ }
+ dice.scoring[19] += dice.scoring[17];
+ prepare_score(21, dice.scoring[19]);
+ dice.scoring[20] = dice.scoring[8]+dice.scoring[19];
+ prepare_score(22, dice.scoring[20]);
+ dice.finish = true;
+ },
+
+ render_dice:function(dont_shuffle){ //main function called each time roll or submit is clicked on
+ //(dice.roll == -1 || dice.roll == 3 ? document.getElementById('submit').setAttribute('style', 'opacity:0') : document.getElementById('submit').setAttribute('style', 'opacity:1'));
+ document.getElementById('submit').setAttribute('style', 'opacity:'+(dice.roll == -1 || dice.roll == 3 ?'0':'1'));
+ document.getElementById('roll_display').innerText = (dice.roll == 2 ? 'Submit' : 'Roll!');
+
+ if(dice.roll == 3){
+
+ if(dice.round < 6){ //determine scores each upper round
+ for(let d = 0; d < 5; d++){
+ if(dice.vals[d] == dice.round + 1){
+ dice.scoring[dice.round] += dice.vals[d];
+ }
+ }
+ prepare_score((dice.round+2), dice.scoring[dice.round]);
+ }
+
+ if(dice.round == 5){ //determines final upper score
+ for(let d = 0; d < 6; d++){
+ dice.scoring[6] += dice.scoring[d];
+ }
+ prepare_score(8, dice.scoring[6]);
+ dice.scoring[7] = (dice.scoring[6] >= 63 ? 35 : 0);
+ prepare_score(9, dice.scoring[7]);
+ dice.scoring[8] = dice.scoring[6] + dice.scoring[7];
+ prepare_score(10, (dice.scoring[8]));
+ }
+
+ if(dice.round >= 6 && dice.round < 13){ //determines scores for each lower round
+ let calc=0;
+ switch(dice.round){
+ case 6: calc = dice.oak(3); break;
+ case 7: calc = dice.oak(4); break;
+ case 8: calc = dice.full_house(); break;
+ case 9: calc = dice.straight(4); break;
+ case 10: calc = dice.straight(5); break;
+ case 11: calc = (dice.oak(5) ? 50:0); break;
+ case 12: calc = dice.chance(); break;
+ }
+ dice.scoring[dice.round+3] = calc;
+ prepare_score((dice.round+5), dice.scoring[dice.round+3]);
+ }
+
+ if(dice.round == 12 && !dice.scoring[14]){ //if yahtzee was not met, get final scores and end the game
+ dice.final_scoring();
+ }
+
+ if(dice.round == 13){ //if yahtzee WAS met, play the yahtzee bonus round and then get final scores and end the game
+ dice.scoring[16] = (dice.oak(5) ? '&#10003' : '&#10007');
+ dice.scoring[17] = (dice.oak(5) ? 100 : 0);
+ prepare_score(18, dice.scoring[16]);
+ prepare_score(19, dice.scoring[17]);
+ dice.final_scoring();
+ }
+
+ for(let i = 0; i < 5; i++){ //reset holds at the start of each round
+ dice.holds[i] = 0;
+ }
+ }
+
+ update();
+ let out = '';
+ for(let i = 0; i < 5; i++){
+ dice.vals[i] = dice.holds[i] || dont_shuffle ? dice.vals[i] : dice.rand();
+ out +=
+ `<span class='dice_box'>
+ <button class='dice_click' onclick='dice.hold_func(${i})'>
+ <img class='dice_pics' src='${dice.vals[i]}.png' style='opacity:
+ ` + (dice.roll ? "1":"0") + `'/>
+ </button>
+ <div id='hold${i}'>` + (dice.holds[i]? "<div class='HOLD'>HOLD</div>":'&nbsp;') + `</div>
+ </span>`;
+ }
+ if(!dice.finish){ //renders the main playfield
+ document.getElementsByClassName('dice_display')[0].innerHTML = out;
+ document.getElementById('roll_count').innerHTML = "Roll " + (dice.roll ? `#${dice.roll}` : 'the dice!');
+ if(dice.round < 13) {document.getElementById('notice').innerHTML = roll_for()};
+ if(dice.round >= 13 && dice.scoring[14]) {document.getElementById('notice').innerHTML ="<h2 id='reminder'>You are rolling for: <span>Yahtzee Bonus</span></h2>"};
+ document.getElementById('roll_count').style.marginLeft = (dice.roll ? '120px' : '67.5px');
+ //console.log(dice.scoring);
+ }
+ else{ //renders the game over screen if dice.finish is true
+ document.getElementById('notice').setAttribute('style', 'display:none');
+ document.getElementsByClassName('dice_display')[0].setAttribute('style', 'display:none');
+ document.getElementById('submit_line').setAttribute('style', 'display:none');
+ document.getElementsByClassName('top_pad')[0].innerHTML =
+ `<span id='game_over'>
+ <div id='Thanks'>Thanks for Playing!</div>
+ <div id='final_score'>Your Final Score: ${dice.scoring[20]}</div>
+ <a class='end_select' id='play_again' href='game.html'>
+ Click Here to Play Again
+ </a>
+ <a class='end_select' id='go_back' href='mode_select.html'>
+ Click Here to Go Back
+ </a>
+ </span>`;
+ }
+ }
+}
+
+function make_head(header){ //creates the header
+ return `<img class='small_dice' src='${dice.rand()}.png'> ${header} <img class='small_dice' src='${dice.rand()}.png'>`;
+}
+
+function roll_for(){
+ let arr = ['Aces', 'Twos', 'Threes', 'Fours', 'Fives', 'Sixes',
+ '3 of a Kind', '4 of a Kind', 'Full House',
+ 'Small Straight', 'Large Straight', 'YAHTZEE', 'Chance'];
+ return `<h2 id='reminder'>You are rolling for: <span>${arr[dice.round]}</span></h2>`;
+}
+
+function update(){ //increments dice.roll each time in dice.render
+ if(dice.roll < 3){
+ dice.roll++
+ }
+ else {
+ dice.roll = 0;
+ dice.round++;
+ }
+}
+
+function render_scoreboard(){ //script to create the scoreboard layout
+ let round_val =
+ ['UPPER SECTION', 'Aces', 'Twos', 'Threes', 'Fours', 'Fives', 'Sixes', 'TOTAL SCORE', 'BONUS', 'TOTAL',
+ '3 of a Kind', '4 of a Kind', 'Full House', 'Small Straight', 'Large Straight', 'YAHTZEE', 'Chance',
+ 'YAHTZEE BONUS &#10003s', 'YAHTZEE BONUS scoring', 'TOTAL UPPER', 'TOTAL LOWER', 'GRAND TOTAL'];
+ let out = '';
+
+ for(let a=1; a <= 2; a++){
+ if(a == 2){
+ out += "<div id='LOWER'>LOWER SECTION</div> \n";
+ }
+ out += `<div id='score_section${a}'> \n`;
+
+ for(let i=1; i <= (8+a*2); i++){
+ out += `<div class='grid_container gc${a}' id='grid_element` + (i + (a-1)*10) + "'><span>"+
+ round_val[(i-1)+(a-1)*10] + "</span></div> \n";
+ }
+ out += '</div>';
+ }
+ return out;
+}
+
+function prepare_score(place, value){ //when called, updates a specific score
+ return document.getElementById(`grid_element${place}`).insertAdjacentHTML('beforeend', `<span class='score_val'>${value}</span>`)
+}
+
+document.getElementsByClassName('shifted_head')[0].innerHTML = make_head("Now Playing: Forced Order Mode");
+dice.render_dice();
+document.getElementById('full_scoreboard').innerHTML = render_scoreboard(); \ No newline at end of file