first commit
This commit is contained in:
Shikiryu
@@ -0,0 +1,15 @@
|
||||
td {
|
||||
width:7em;
|
||||
height: 7em;
|
||||
border:1px;
|
||||
border-style:solid;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#grid {
|
||||
border-width: 20px;
|
||||
border-style: solid;
|
||||
margin-top:3em;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
let words = [];
|
||||
fetch('./codenames.txt')
|
||||
.then(function(response) {
|
||||
return response.text();
|
||||
})
|
||||
.then(function(text) {
|
||||
words = text.split("\n");
|
||||
words = getMultipleRandom(words, 25);
|
||||
console.log(words);
|
||||
});
|
||||
|
||||
function getMultipleRandom(arr, num) {
|
||||
let i = 0;
|
||||
let result = [];
|
||||
while (i < num) {
|
||||
let index = Math.floor(Math.random() * arr.length);
|
||||
result.push(arr[index]);
|
||||
arr.splice(index, 1);
|
||||
i++;
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
function createField() {
|
||||
document.querySelectorAll('td').forEach(td => {
|
||||
td.style.backgroundColor = "white";
|
||||
});
|
||||
|
||||
let counter = 0;
|
||||
let previous_values = new Set();
|
||||
let startingTeam = Math.round(Math.random());
|
||||
|
||||
let startingTeamColor = "#1e88e5";
|
||||
let otherTeamColor = "#d32f2f";
|
||||
if (startingTeam === 1) {
|
||||
[startingTeamColor, otherTeamColor] = [otherTeamColor, startingTeamColor];
|
||||
}
|
||||
document.getElementById("grid").style.borderColor = startingTeamColor;
|
||||
|
||||
while (counter < 18) {
|
||||
let random = Math.floor(Math.random() * 25) + 1;
|
||||
if (!previous_values.has(random)) {
|
||||
if (counter < 8) {
|
||||
document.getElementById(random.toString()).style.backgroundColor = otherTeamColor;
|
||||
} else if (counter > 8 && counter < 17) {
|
||||
document.getElementById(random.toString()).style.backgroundColor = startingTeamColor;
|
||||
} else {
|
||||
document.getElementById(random.toString()).style.backgroundColor = "grey";
|
||||
}
|
||||
previous_values.add(random);
|
||||
counter++;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function fillFields() {
|
||||
for (let i = 1; i <= 25; i++) {
|
||||
document.getElementById(i).innerHTML = words[i-1];
|
||||
}
|
||||
}
|
||||
|
||||
let intervalId = setInterval(createField, 150);
|
||||
|
||||
document.getElementById("generate").addEventListener("click", function() {
|
||||
clearInterval(intervalId);
|
||||
createField();
|
||||
fillFields();
|
||||
});
|
||||
});
|
||||
+400
@@ -0,0 +1,400 @@
|
||||
Afrique
|
||||
Aiguille
|
||||
Aile
|
||||
Air
|
||||
Alien
|
||||
Allemagne
|
||||
Alpes
|
||||
Amour
|
||||
Ampoule
|
||||
Amérique
|
||||
Ange
|
||||
Angleterre
|
||||
Anneau
|
||||
Appareil
|
||||
Araignée
|
||||
Arc
|
||||
Argent
|
||||
Asile
|
||||
Astérix
|
||||
Atlantique
|
||||
Atout
|
||||
Australie
|
||||
Avion
|
||||
Avocat
|
||||
Baguette
|
||||
Baie
|
||||
Balance
|
||||
Baleine
|
||||
Balle
|
||||
Ballon
|
||||
Banane
|
||||
Banc
|
||||
Bande
|
||||
Banque
|
||||
Bar
|
||||
Barbe
|
||||
Base
|
||||
Bateau
|
||||
Berlin
|
||||
Bière
|
||||
Blé
|
||||
Bombe
|
||||
Bon
|
||||
Botte
|
||||
Bouche
|
||||
Bouchon
|
||||
Bougie
|
||||
Boulet
|
||||
Bourse
|
||||
Bouteille
|
||||
Bouton
|
||||
Boîte
|
||||
Branche
|
||||
Bretelle
|
||||
Brique
|
||||
Bureau
|
||||
But
|
||||
Bâton
|
||||
Bête
|
||||
Bûche
|
||||
Bɶuf
|
||||
Cabinet
|
||||
Cadre
|
||||
Cafard
|
||||
Café
|
||||
Camembert
|
||||
Campagne
|
||||
Canada
|
||||
Canard
|
||||
Canne
|
||||
Canon
|
||||
Carreau
|
||||
Carrière
|
||||
Carte
|
||||
Carton
|
||||
Cartouche
|
||||
Casino
|
||||
Ceinture
|
||||
Cellule
|
||||
Centre
|
||||
Cercle
|
||||
Champ
|
||||
Champagne
|
||||
Chance
|
||||
Chapeau
|
||||
Charge
|
||||
Charme
|
||||
Chasse
|
||||
Chat
|
||||
Chausson
|
||||
Chaîne
|
||||
Chef
|
||||
Chemise
|
||||
Cheval
|
||||
Chevalier
|
||||
Chien
|
||||
Chine
|
||||
Chocolat
|
||||
Chou
|
||||
Château
|
||||
Cinéma
|
||||
Cirque
|
||||
Citrouille
|
||||
Classe
|
||||
Club
|
||||
Clé
|
||||
Cochon
|
||||
Code
|
||||
Col
|
||||
Colle
|
||||
Commerce
|
||||
Coq
|
||||
Corde
|
||||
Corne
|
||||
Coton
|
||||
Coupe
|
||||
Courant
|
||||
Couronne
|
||||
Course
|
||||
Court
|
||||
Couteau
|
||||
Couverture
|
||||
Critique
|
||||
Crochet
|
||||
Cuisine
|
||||
Cycle
|
||||
Cɶur
|
||||
Danse
|
||||
Dinosaure
|
||||
Docteur
|
||||
Don
|
||||
Dragon
|
||||
Droit
|
||||
Droite
|
||||
Eau
|
||||
Enceinte
|
||||
Ensemble
|
||||
Entrée
|
||||
Espace
|
||||
Espagne
|
||||
Espion
|
||||
Esprit
|
||||
Essence
|
||||
Europe
|
||||
Facteur
|
||||
Fantôme
|
||||
Farce
|
||||
Fer
|
||||
Ferme
|
||||
Feu
|
||||
Feuille
|
||||
Figure
|
||||
Filet
|
||||
Fin
|
||||
Flûte
|
||||
Formule
|
||||
Fort
|
||||
Forêt
|
||||
Fou
|
||||
Foyer
|
||||
Fraise
|
||||
Français
|
||||
Front
|
||||
Fuite
|
||||
Garde
|
||||
Gauche
|
||||
Gel
|
||||
Glace
|
||||
Gorge
|
||||
Grain
|
||||
Grenade
|
||||
Grue
|
||||
Grèce
|
||||
Guerre
|
||||
Guide
|
||||
Géant
|
||||
Génie
|
||||
Herbe
|
||||
Himalaya
|
||||
Histoire
|
||||
Hiver
|
||||
Hollywood
|
||||
Héros
|
||||
Hôpital
|
||||
Hôtel
|
||||
Indien
|
||||
Iris
|
||||
Jet
|
||||
Jeu
|
||||
Jour
|
||||
Journal
|
||||
Jumelles
|
||||
Jungle
|
||||
Kangourou
|
||||
Kiwi
|
||||
Lait
|
||||
Langue
|
||||
Laser
|
||||
Lentille
|
||||
Lettre
|
||||
Licorne
|
||||
Lien
|
||||
Ligne
|
||||
Lion
|
||||
Liquide
|
||||
Lit
|
||||
Livre
|
||||
Londres
|
||||
Louche
|
||||
Lumière
|
||||
Lune
|
||||
Lunettes
|
||||
Luxe
|
||||
Machine
|
||||
Magie
|
||||
Main
|
||||
Majeur
|
||||
Maladie
|
||||
Manche
|
||||
Manège
|
||||
Marche
|
||||
Marin
|
||||
Marque
|
||||
Marron
|
||||
Mars
|
||||
Maîtresse
|
||||
Membre
|
||||
Menu
|
||||
Meuble
|
||||
Microscope
|
||||
Miel
|
||||
Millionaire
|
||||
Mine
|
||||
Mineur
|
||||
Mode
|
||||
Molière
|
||||
Mort
|
||||
Mouche
|
||||
Moule
|
||||
Mousse
|
||||
Moustache
|
||||
Mémoire
|
||||
Nain
|
||||
Napoléon
|
||||
Neige
|
||||
New-York
|
||||
Ninja
|
||||
Noir
|
||||
Note
|
||||
Noël
|
||||
Nuit
|
||||
Numéro
|
||||
Nɶud
|
||||
Oiseau
|
||||
Opéra
|
||||
Opération
|
||||
Or
|
||||
Orange
|
||||
Ordre
|
||||
Page
|
||||
Paille
|
||||
Palais
|
||||
Palme
|
||||
Papier
|
||||
Parachute
|
||||
Paris
|
||||
Partie
|
||||
Passe
|
||||
Patron
|
||||
Pendule
|
||||
Pensée
|
||||
Perle
|
||||
Peste
|
||||
Phare
|
||||
Physique
|
||||
Piano
|
||||
Pied
|
||||
Pigeon
|
||||
Pile
|
||||
Pilote
|
||||
Pingouin
|
||||
Pirate
|
||||
Pièce
|
||||
Place
|
||||
Plage
|
||||
Plan
|
||||
Planche
|
||||
Plante
|
||||
Plat
|
||||
Plateau
|
||||
Plume
|
||||
Point
|
||||
Poire
|
||||
Poison
|
||||
Poisson
|
||||
Police
|
||||
Pomme
|
||||
Pompe
|
||||
Portable
|
||||
Poste
|
||||
Pouce
|
||||
Poêle
|
||||
Princesse
|
||||
Prise
|
||||
Prêt
|
||||
Pyramide
|
||||
Pétrole
|
||||
Pêche
|
||||
Pôle
|
||||
Quartier
|
||||
Queue
|
||||
Radio
|
||||
Raie
|
||||
Rame
|
||||
Rat
|
||||
Rayon
|
||||
Recette
|
||||
Reine
|
||||
Religieuse
|
||||
Remise
|
||||
Requin
|
||||
Restaurant
|
||||
Robe
|
||||
Robot
|
||||
Roi
|
||||
Rome
|
||||
Ronde
|
||||
Rose
|
||||
Rouge
|
||||
Rouleau
|
||||
Roulette
|
||||
Russie
|
||||
Règle
|
||||
Résistance
|
||||
Révolution
|
||||
Sardine
|
||||
Satellite
|
||||
Schtroumpf
|
||||
Science
|
||||
Scène
|
||||
Sens
|
||||
Sept
|
||||
Serpent
|
||||
Sirène
|
||||
Siège
|
||||
Sol
|
||||
Soldat
|
||||
Soleil
|
||||
Solution
|
||||
Somme
|
||||
Sorcière
|
||||
Sortie
|
||||
Souris
|
||||
Table
|
||||
Tableau
|
||||
Talon
|
||||
Tambour
|
||||
Temple
|
||||
Temps
|
||||
Tennis
|
||||
Terre
|
||||
Timbre
|
||||
Titre
|
||||
Toile
|
||||
Tokyo
|
||||
Tour
|
||||
Trait
|
||||
Trou
|
||||
Trésor
|
||||
Tube
|
||||
Tuile
|
||||
Tête
|
||||
Uniforme
|
||||
Vague
|
||||
Vaisseau
|
||||
Vampire
|
||||
Vase
|
||||
Vent
|
||||
Verre
|
||||
Vert
|
||||
Vie
|
||||
Vin
|
||||
Visage
|
||||
Vision
|
||||
Voile
|
||||
Voiture
|
||||
Vol
|
||||
Voleur
|
||||
Volume
|
||||
Zéro
|
||||
Échelle
|
||||
Éclair
|
||||
École
|
||||
Égalité
|
||||
Égypte
|
||||
Éponge
|
||||
Étoile
|
||||
Étude
|
||||
Œil
|
||||
Œuf
|
||||
+62
@@ -0,0 +1,62 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="semantic.css">
|
||||
<script src="codenames.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="codenames.css">
|
||||
<meta name="title" content="Générateur de grille CodeName">
|
||||
<meta name="description" content="Webapp application to generate randomized grid layouts for the popular CodeNames boardgame filled with french words.">
|
||||
<meta name="keywords" content="code,names,codenames,generator,grid">
|
||||
<meta name="robots" content="index, follow">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="language" content="French">
|
||||
<meta name="revisit-after" content="3 days">
|
||||
<meta name="author" content="Shikiryu">
|
||||
<title>Générateur de grille CodeName</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="ui container">
|
||||
<h1 class="ui header center aligned" style="padding-top:2em;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif">Générateur de grille CodeName</h1>
|
||||
<button class="fluid ui button" id="generate">Cliquez ici pour générer une nouvelle table</button>
|
||||
<table id="grid" class="top attached ui basic table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td id="1"></td>
|
||||
<td id="2"></td>
|
||||
<td id="3"></td>
|
||||
<td id="4"></td>
|
||||
<td id="5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td id="6"></td>
|
||||
<td id="7"></td>
|
||||
<td id="8"></td>
|
||||
<td id="9"></td>
|
||||
<td id="10"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td id="11"></td>
|
||||
<td id="12"></td>
|
||||
<td id="13"></td>
|
||||
<td id="14"></td>
|
||||
<td id="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td id="16"></td>
|
||||
<td id="17"></td>
|
||||
<td id="18"></td>
|
||||
<td id="19"></td>
|
||||
<td id="20"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td id="21"></td>
|
||||
<td id="22"></td>
|
||||
<td id="23"></td>
|
||||
<td id="24"></td>
|
||||
<td id="25"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<footer class="ui header center aligned">App by <a href="https://www.github.com/almiche" class="ui link">Michel Chatmajian</a> with words from <a href="https://gist.github.com/MissingNoShiny/cbb22b220a0245cb0cea98e3f59f6301">MissingNoShiny</a></footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
+40288
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user