keb/poketest
1
0
Fork 0
Code Issues Releases Activity

Merge branch 'master' into type-forms

Browse Source
This commit is contained in:
Théo Marchal 2022-03-03 13:32:45 +01:00
commit 18c80456c4
1 changed files with 85 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

132
poketest.js
View File

@ -40,11 +40,13 @@ $(document).ready(function() {
/************ UTIL *************/ /************ UTIL *************/
/*******************************/ /*******************************/
function random(min, max) { function random(min, max)
{
return Math.floor(Math.random()*(max-min+1)+min); return Math.floor(Math.random()*(max-min+1)+min);
} }
function shuffleArray(array) { function shuffleArray(array)
{
for (var i = array.length - 1; i > 0; i--) { for (var i = array.length - 1; i > 0; i--) {
var j = Math.floor(Math.random() * (i + 1)); var j = Math.floor(Math.random() * (i + 1));
var temp = array[i]; var temp = array[i];
@ -54,7 +56,8 @@ $(document).ready(function() {
return array; return array;
} }
function findInArray(array, elem, size) { function findInArray(array, elem)
{
for (var j = 0; j < array.length; j++) { for (var j = 0; j < array.length; j++) {
if (array[j] === elem) if (array[j] === elem)
return true; return true;
@ -67,14 +70,16 @@ $(document).ready(function() {
/*******************************/ /*******************************/
// loading json file // loading json file
var json = $.getJSON('pokemon.json', function(pk) { $.getJSON('pokemon.json', function(pk)
{
var pklist = pk; var pklist = pk;
var pokemon_generation_list = new Array(); var pokemon_generation_list = new Array();
// starting the game for the first time and creating the layout // starting the game for the first time and creating the layout
function firstGame() { function firstGame()
$('article #game').fadeToggle('quick', function() { {
$('article #game').fadeToggle('quick', function()
{
document.removeEventListener('keydown', funcListener); document.removeEventListener('keydown', funcListener);
$('article #container').append('<div id="score"><div id="top_game"><h1 class="whois"></h1><h1 class="chrono"></h1></div></div>'); $('article #container').append('<div id="score"><div id="top_game"><h1 class="whois"></h1><h1 class="chrono"></h1></div></div>');
$('article #container #score').append('<p class="pokemon"></p><div id="answers"></div>'); $('article #container #score').append('<p class="pokemon"></p><div id="answers"></div>');
@ -82,51 +87,57 @@ $(document).ready(function() {
max_chrono = $('article select.time option:selected').attr('id'); max_chrono = $('article select.time option:selected').attr('id');
max_questions = $('article select.questions option:selected').attr('id'); max_questions = $('article select.questions option:selected').attr('id');
if (max_questions == "infinite") infinite = true; if (max_questions == "infinite") infinite = true;
if (max_questions == "set") { if (max_questions == "set")
{
whole_set = true; whole_set = true;
// set max_questions depending on generation
// if it's not all generation, we check list of available pokemons // if it's not all generation, we check list of available pokemons
if (pokemon_generation_list.length > 0) if (pokemon_generation_list.length > 0)
max_questions = pokemon_generation_list.length; max_questions = pokemon_generation_list.length;
else // else, it's all the generation, from the first one to the regional forms else // else, it's all the generation, from the first one to the regional forms
max_questions = REG[1] + 1; max_questions = REG[1] + 1;
} }
choosePokemon();
game(); game();
}); });
} }
// allows to start the game when pressing enter // allows to start the game when pressing enter
document.addEventListener('keydown', funcListener = function(event) { document.addEventListener('keydown', funcListener = function(event)
{
if (event.keyCode == 13) // press enter if (event.keyCode == 13) // press enter
firstGame(); firstGame();
}); });
// start the game when clicking on start game // start the game when clicking on start game
$('article #container .button input.start').click(function() { $('article #container .button input.start').click(function()
{
firstGame(); firstGame();
}); });
function generations() { function generations()
{
// create the list of the different generations // create the list of the different generations
function createGenerationList(name) { function createGenerationList(name)
{
if ( $('article input[name="'+name+'"]').is(':checked') ) if ( $('article input[name="'+name+'"]').is(':checked') )
gen_list[gen_list.length] = name; gen_list[gen_list.length] = name;
} }
// create the list of all possible pokemons for selected options // create the list of all possible pokemons for selected options
function generatePokemonList() { function generatePokemonList()
{
function evaluateByGeneration(index, name, variable) { function evaluateByGeneration(index, name, variable)
if (gen_list[index] == name) { {
if (gen_list[index] == name)
{
for (j = (variable[0] - 1); j <= (variable[1] - 1); j++) for (j = (variable[0] - 1); j <= (variable[1] - 1); j++)
pokemon_generation_list[pokemon_generation_list.length] = j; pokemon_generation_list[pokemon_generation_list.length] = j;
} }
} }
if (gen_list.length > 0) { if (gen_list.length > 0)
for (i in gen_list) { {
for (i in gen_list)
{
evaluateByGeneration(i, "1g", G1); evaluateByGeneration(i, "2g", G2); evaluateByGeneration(i, "3g", G3); evaluateByGeneration(i, "1g", G1); evaluateByGeneration(i, "2g", G2); evaluateByGeneration(i, "3g", G3);
evaluateByGeneration(i, "4g", G4); evaluateByGeneration(i, "5g", G5); evaluateByGeneration(i, "6g", G6); evaluateByGeneration(i, "4g", G4); evaluateByGeneration(i, "5g", G5); evaluateByGeneration(i, "6g", G6);
evaluateByGeneration(i, "7g", G7); evaluateByGeneration(i, "8g", G8); evaluateByGeneration(i, "9g", G9); evaluateByGeneration(i, "7g", G7); evaluateByGeneration(i, "8g", G8); evaluateByGeneration(i, "9g", G9);
@ -157,14 +168,18 @@ $(document).ready(function() {
} }
// multiple artworks // multiple artworks
function imageType(result) { function imageType(result)
{
// TODO
var four_types = [351, 386, 585, 586, 676, 741, 800]; var four_types = [351, 386, 585, 586, 676, 741, 800];
var three_types = [249, 250, 384, 412, 413, 718, 745, 898]; var three_types = [249, 250, 384, 412, 413, 718, 745, 898];
var two_types = [251, 252, 255, 258, 374, 387, 390, 393, 421, 422, 423, 487, 492, 495, 498, 501, 521, 550, 555, var two_types = [251, 252, 255, 258, 374, 387, 390, 393, 421, 422, 423, 487, 492, 495, 498, 501, 521, 550, 555,
592, 593, 641, 642, 643, 644, 645, 647, 648, 668, 678, 681, 720, 746, 774, 791, 792, 802, 849, 592, 593, 641, 642, 643, 644, 645, 647, 648, 668, 678, 681, 720, 746, 774, 791, 792, 802, 849,
876, 877, 888, 889, 892, 905, "G892"]; 876, 877, 888, 889, 892, 905, "G892"];
function randomizer() { function randomizer()
{
if (result >= MEGA[0]) return (pklist.mn[result-1]["num"]) if (result >= MEGA[0]) return (pklist.mn[result-1]["num"])
if (result === 25) return (result+'-'+random(0, 16)); if (result === 25) return (result+'-'+random(0, 16));
if (result === 666) return (result+'-'+random(0, 20)); if (result === 666) return (result+'-'+random(0, 20));
@ -190,7 +205,8 @@ $(document).ready(function() {
return image_name; return image_name;
} }
function recursiveOptions(options, lang) { function recursiveOptions(options, lang)
{
tmp = pokemon_generation_list[random(0, pokemon_generation_list.length - 1)]; tmp = pokemon_generation_list[random(0, pokemon_generation_list.length - 1)];
// checking if it's already there, if it is, recursion // checking if it's already there, if it is, recursion
@ -201,7 +217,8 @@ $(document).ready(function() {
} }
// choosing the four options // choosing the four options
function chooseOptions(result, lang) { function chooseOptions(result, lang)
{
options = new Array(); options = new Array();
options[0] = pklist.mn[result][lang]; options[0] = pklist.mn[result][lang];
for (var i = 1; i < 4; i++) for (var i = 1; i < 4; i++)
@ -209,20 +226,25 @@ $(document).ready(function() {
options = shuffleArray(options); options = shuffleArray(options);
} }
function choosePokemon() { function choosePokemon()
{
lang = $('article select.lang option:selected').attr('id'); lang = $('article select.lang option:selected').attr('id');
silhouette = $('article input[name="silhouette"]:checked').attr('id'); silhouette = $('article input[name="silhouette"]:checked').attr('id');
result = random(0, available_pokemon.length - 1); resultIndex = Math.floor((available_pokemon.length - 1) * Math.random());
result = available_pokemon[resultIndex];
if (!infinite) if (!infinite)
available_pokemon.splice(result, 1); available_pokemon.splice(resultIndex, 1);
answer = pklist.mn[result][lang]; answer = pklist.mn[result][lang];
chooseOptions(result, lang); chooseOptions(result, lang);
imageType(result + 1); imageType(result + 1);
} }
function game() { function game()
{
choosePokemon();
questions++; questions++;
chrono = max_chrono; chrono = max_chrono;
$('article #container').addClass('game_active'); $('article #container').addClass('game_active');
@ -238,9 +260,11 @@ $(document).ready(function() {
$('article #container #answers').append('<span><input type="submit" class="option a4" name="a4" value="'+options[3]+'"></span>') $('article #container #answers').append('<span><input type="submit" class="option a4" name="a4" value="'+options[3]+'"></span>')
// timer setting // timer setting
var clock = setInterval(function() { var clock = setInterval(function()
{
chrono--; chrono--;
if (chrono === 0) { if (chrono === 0)
{
clearInterval(clock); clearInterval(clock);
showAnswer(false); // timer has ended, so it's a bad answer showAnswer(false); // timer has ended, so it's a bad answer
} }
@ -248,12 +272,16 @@ $(document).ready(function() {
}, 1000); }, 1000);
// checking if the answer is good or not // checking if the answer is good or not
$('article .option').click(function() { $('article .option').click(function()
{
clearInterval(clock); clearInterval(clock);
($(this).attr('value') == answer) ? showAnswer(true) : showAnswer(false); ($(this).attr('value') == answer) ? showAnswer(true) : showAnswer(false);
}); });
document.addEventListener('keydown', funcListener = function(event) {
function checkAnswer(v) { document.addEventListener('keydown', funcListener = function(event)
{
function checkAnswer(v)
{
clearInterval(clock); clearInterval(clock);
($('#answers input.a'+v).attr('value') == answer) ? showAnswer(true) : showAnswer(false); ($('#answers input.a'+v).attr('value') == answer) ? showAnswer(true) : showAnswer(false);
} }
@ -263,21 +291,25 @@ $(document).ready(function() {
else if (event.keyCode == 52 || event.keyCode == 76) checkAnswer(4); else if (event.keyCode == 52 || event.keyCode == 76) checkAnswer(4);
}); });
function showAnswer(ok) { function showAnswer(ok)
{
document.removeEventListener('keydown', funcListener); document.removeEventListener('keydown', funcListener);
$('article .pokemon img').removeClass('silhouette'); $('article .pokemon img').removeClass('silhouette');
if (ok) { if (ok)
{
good_answers++; good_answers++;
$('article #answers').empty().append("<p class=\"final_answer\"><span class=\"good\">That's right!</span> \ $('article #answers').empty().append("<p class=\"final_answer\"><span class=\"good\">That's right!</span> \
The answer is <strong>"+ answer +"</strong>!</p>"); The answer is <strong>"+ answer +"</strong>!</p>");
} else { }
else
{
bad_answers++; bad_answers++;
$('article #answers').empty().append("<p class=\"final_answer\"><span class=\"bad\">Too bad...</span> \ $('article #answers').empty().append("<p class=\"final_answer\"><span class=\"bad\">Too bad...</span> \
The answer was <strong>"+ answer +"</strong>!</p>"); The answer was <strong>"+ answer +"</strong>!</p>");
} }
choosePokemon();
var wait = max_wait; var wait = max_wait;
clock = setInterval(function() { clock = setInterval(function()
{
wait--; wait--;
if (wait === 0) { if (wait === 0) {
if (!infinite) questions < max_questions ? game() : score(); if (!infinite) questions < max_questions ? game() : score();
@ -286,9 +318,10 @@ $(document).ready(function() {
}, 1000); }, 1000);
} }
function score() { function score()
{
function generateTwitterText() { function generateTwitterText()
{
var start_sentence = 'I got '; var start_sentence = 'I got ';
var end_sentence = 'Can you get a better score than me?'; var end_sentence = 'Can you get a better score than me?';
var score_sentence = (Math.floor(good_answers/max_questions*100))+'% Pokémons right!' var score_sentence = (Math.floor(good_answers/max_questions*100))+'% Pokémons right!'
@ -297,9 +330,11 @@ $(document).ready(function() {
else return start_sentence+good_answers+" good Pokémon answers! "+end_sentence; else return start_sentence+good_answers+" good Pokémon answers! "+end_sentence;
} }
function generateSeed() { function generateSeed()
{
gen = ''; gen = '';
if (gen_list.length < (gen_number + extra_number)) { if (gen_list.length < (gen_number + extra_number))
{
for (i in gen_list) for (i in gen_list)
gen += gen_list[i].substring(0,1); gen += gen_list[i].substring(0,1);
} }
@ -319,6 +354,7 @@ $(document).ready(function() {
return domain + s_gen + s_lang + s_silhouette + s_questions + s_time; return domain + s_gen + s_lang + s_silhouette + s_questions + s_time;
} }
$('article #container #score .pokemon').after('<div id="seed"></div><div id="share"></div>'); $('article #container #score .pokemon').after('<div id="seed"></div><div id="share"></div>');
$('article #container').addClass('diploma'); $('article #container').addClass('diploma');
$('article #container').removeClass('game_active'); $('article #container').removeClass('game_active');
@ -339,12 +375,14 @@ $(document).ready(function() {
// class="start_again" name="start_again" value="Play again!"></p>'); // class="start_again" name="start_again" value="Play again!"></p>');
// copy seed in clipboard // copy seed in clipboard
$("article #container #copyseed").click(function() { $("article #container #copyseed").click(function()
{
$('article #container #seed input').select(); $('article #container #seed input').select();
document.execCommand("copy"); document.execCommand("copy");
}); });
$('article #container .button input.start_again').click(function() { $('article #container .button input.start_again').click(function()
{
score = questions = good_answers = bad_answers = 0; score = questions = good_answers = bad_answers = 0;
chrono = max_chrono; chrono = max_chrono;
$('article #container .chrono').show(); $('article #container .chrono').show();