-
-
-
-
-
-
diff --git a/DEV.4.1/tp/tp1/eratosthene/eratosthene.js b/DEV.4.1/tp/tp1/eratosthene/eratosthene.js
deleted file mode 100644
index 713fbc5..0000000
--- a/DEV.4.1/tp/tp1/eratosthene/eratosthene.js
+++ /dev/null
@@ -1,23 +0,0 @@
-
-function eratosthene(n)
-{
- let primes = [];
- let filterArray = [];
- for(let i = 2; i <=n; i++){
- // TODO
- }
- return primes;
-}
-
-function eratosthene1(n)
-{
- let numbers = Array.from({length : n - 2}, (v,k) => k + 2);
- let p ,primes = [];
-
- while(numbers.length){
- [p,...numbers] = numbers;
- numbers = numbers.filter( x => x%p != 0);
- primes = [...primes,p];
- }
- return primes;
-}
diff --git a/DEV.4.1/tp/tp1/langton/modules/Ant.js b/DEV.4.1/tp/tp1/langton/modules/Ant.js
index 86f70f7..f59e748 100644
--- a/DEV.4.1/tp/tp1/langton/modules/Ant.js
+++ b/DEV.4.1/tp/tp1/langton/modules/Ant.js
@@ -48,15 +48,14 @@ class Ant {
}
computeNextState() {
- if(this.tiles[this.x][this.y] === 1) { //On vérifie si la prochaine case est noire
- //On fait en sorte à ce qu'elle soit repeinte en blanc et tourne de 90° à gauche.
+ if(this.tiles[this.x][this.y] === 1) {
this.tiles[this.x][this.y] = 0;
this.rotateLeft();
- } else { //Dans ce cas si la prochaine case est blanche
- // On fait en sorte à ce qu'elle soit repeinte en noir et tourne de 90° à droite.
- this.tiles[this.x][this.y] = 1;
- this.rotateRight();
- }
+ } else {
+ this.tiles[this.x][this.y] = 1;
+ this.rotateRight();
+ }
}
+}
-export default Ant;
+export default Ant;
\ No newline at end of file
diff --git a/DEV.4.1/tp/tp1/seance2/ex1/app.js b/DEV.4.1/tp/tp1/seance2/ex1/app.js
new file mode 100644
index 0000000..eb9716f
--- /dev/null
+++ b/DEV.4.1/tp/tp1/seance2/ex1/app.js
@@ -0,0 +1,91 @@
+let customers = [
+ {
+ 'id': 1,
+ 'f_name': 'Abby',
+ 'l_name': 'Thomas',
+ 'gender': 'M',
+ 'married': true,
+ 'age': 32,
+ 'expense': 500,
+ 'purchased': ['Shampoo', 'Toys', 'Book']
+ },
+ {
+ 'id': 2,
+ 'f_name': 'Jerry',
+ 'l_name': 'Tom',
+ 'gender': 'M',
+ 'married': true,
+ 'age': 64,
+ 'expense': 100,
+ 'purchased': ['Stick', 'Blade']
+ },
+ {
+ 'id': 3,
+ 'f_name': 'Dianna',
+ 'l_name': 'Cherry',
+ 'gender': 'F',
+ 'married': true,
+ 'age': 22,
+ 'expense': 1500,
+ 'purchased': ['Lipstik', 'Nail Polish', 'Bag', 'Book']
+ },
+ {
+ 'id': 4,
+ 'f_name': 'Dev',
+ 'l_name': 'Currian',
+ 'gender': 'M',
+ 'married': true,
+ 'age': 82,
+ 'expense': 90,
+ 'purchased': ['Book']
+ },
+ {
+ 'id': 5,
+ 'f_name': 'Maria',
+ 'l_name': 'Gomes',
+ 'gender': 'F',
+ 'married': false,
+ 'age': 7,
+ 'expense': 300,
+ 'purchased': ['Toys']
+ },
+ {
+ 'id': 6,
+ 'f_name': 'Homer',
+ 'l_name': 'Simpson',
+ 'gender': 'M',
+ 'married': true,
+ 'age': 39,
+ 'expense': 500,
+ 'purchased': ['Book']
+ }
+];
+
+
+
+// Question 1 :
+function filterOldPeople(customers) {
+ customers.filter(returnOldPeople);
+}
+
+function returnOldPeople(customer) {
+ return customer.age > 60;
+}
+
+let oldCustomers = filterOldPeople(customers);
+//console.log(oldCustomers);
+
+// Question 2 :
+function fullName(customer) {
+ customer.full_name = customer.f_name +" "+ customer.l_name;
+}
+
+customers.forEach(fullName);
+//console.log(customers);
+
+//Question 3 :
+function isUnderTen(customer) {
+ return customer.age < 10;
+}
+
+customers.some(isUnderTen);
\ No newline at end of file
diff --git a/DEV.4.1/tp/tp2/src/ex1/script.js b/DEV.4.1/tp/tp2/src/ex1/script.js
index 37cc839..5d991ee 100644
--- a/DEV.4.1/tp/tp2/src/ex1/script.js
+++ b/DEV.4.1/tp/tp2/src/ex1/script.js
@@ -26,13 +26,16 @@ function peep() {
const time = randomTime(1000, 1500);
const hole = randomHole(holes);
- // TODO
+ const mole = hole.querySelector('.mole');
+ mole.classList.add('up');
+ mole.classList.remove('whacked');
setTimeout(() => {
-
- // TODO
- //
- }}, time);
+ mole.classList.remove('up');
+ if(!timeUp) {
+ peep();
+ }
+ }, time);
}
function startGame() {
@@ -40,13 +43,31 @@ function startGame() {
score = 0;
timeUp = false;
- // TODO
+ moles.forEach(mole => {
+ mole.classList.remove('up');
+ mole.classList.remove('whacked');
+ });
+
+ peep();
+ setTimeout(()=>{
+ timeUp = true;
+ }, duration * 1000)
}
function bonk(e) {
+ if(!this.classList.contains('up')) {
+ return;
+ }
- // TODO
-
+ score ++;
+ scoreBoard.textContent = score;
+
+ this.classList.remove('up');
+ this.classList.add('whacked');
+
+ setTimeout(()=>{
+ this.classList.remove('whacked');
+ }, 800);
}
moles.forEach(mole => mole.addEventListener('click', bonk));
diff --git a/DEV.4.1/tp/tp2/src/ex1/styles.css b/DEV.4.1/tp/tp2/src/ex1/styles.css
index 6e44471..8b0c635 100644
--- a/DEV.4.1/tp/tp2/src/ex1/styles.css
+++ b/DEV.4.1/tp/tp2/src/ex1/styles.css
@@ -4,7 +4,7 @@ body {
align-items: center;
height: 100vh;
background-color: #f0f0f0;
-/* font-family: Arial, sans-serif;*/
+ font-family: Arial, sans-serif;
}
.game {
@@ -24,7 +24,7 @@ body {
background : radial-gradient(rgb(150,250,150), #00ee00);
/* background-color: red;/*#8b4513;*/
- /* background-image : url('img/mole2.png');*/
+ /*background-image : url('img/mole2.png');*/
position: relative;
border-radius: 50%;
margin: 10px;
@@ -43,9 +43,9 @@ body {
}
.mole.up img{
-/* background-image : url('img/mole2.png');
+ background-image : url('img/mole2.png');
background-size:contain;
- background-repeat: no-repeat;*/
+ background-repeat: no-repeat;
width:90px;
height:90px;
@@ -54,9 +54,9 @@ body {
.mole.whacked img {
content: url('img/mole-whacked.png');
-/* background-image : url('img/mole-whacked.png');
+ background-image : url('img/mole-whacked.png');
background-size:contain;
- background-repeat: no-repeat;*/
+ background-repeat: no-repeat;
width:90px;
height:90px;
diff --git a/DEV.4.1/tp/tp3/README.md b/DEV.4.1/tp/tp3/README.md
new file mode 100644
index 0000000..c1ac127
--- /dev/null
+++ b/DEV.4.1/tp/tp3/README.md
@@ -0,0 +1,84 @@
+#### Ex1 : modele MVC et pattern strategy
+
+> Stratégie est un patron de conception comportemental qui permet de définir une
+> famille d’algorithmes, de les mettre dans des classes séparées et de rendre
+> leurs objets interchangeables. (source wikipédia)
+
+
+
+Le but est de réaliser ce pattern de conception dans le jeu très simple du chifoumi.
+
+
+
+
+
+Pour l'instant, le jeu utilise le pattern MVC. Le modèle, qui calcule le coup de l'ordinateur utilise
+un tirage aléatoire. On veut pouvoir utilisé d'autres méthodes, qui utilisent l'historique des coups
+joués par le joueur.
+
+1. Modifiez le modèle et la vue pour que le jeu affiche le pourcentage de victoires, matchs nuls et défaites du joueur depuis le début
+ de la partie.
+
+
+
+On veut maintenant séparer la façon dont l'ordinateur choisit son coup de la logique du jeu. Le modèle utilisera
+une stratégie donnée.
+
+2. Créez un sous-répétoires `stratégies` dans lequel on stokera les différentes stratégies disponibles.
+
+Les différentes stratégies réaliseront l'interface
+
+```js
+getChoice(playerHistory)
+```
+
+qui calcule le coup de l'ordinateur, en fonction de l'historique des différents coups du joueur.
+
+3. Ecrivez 3 stratégies simples `RandomStrategy.js` (stratégie initiale), `CopyPlayerStrategy.js`
+(joue le même coup que le joueur) `CounterMostUsedStrategy.js` (joue le coup le plus joué par le joueur) :
+
+ Chaque fichier implémente la stratégie correspondante sous la forme :
+ ```js
+ export default class RandomStrategy {
+ getChoice(playerHistory) {
+ ....
+ }
+ }
+ ```
+
+4. Mettez à jour le modèle pour qu'il puisse utiliser une stratégie donnée.
+5. testez dans le main.
+
+#### Ajout d'une stratégie
+
+On va ajouter une stratégie markovienne d'ordre 1. On fait
+l'hyptohése que le coup du joueur dépend de son coup précedent (ordre 1).
+On met à jour au fur et à mesure la matrice de transitions entre
+les coups joué par le joueur. Par exemple,
+
+```js
+{
+ rock: { rock: 2, paper: 5, scissors: 1 },
+ paper: { rock: 1, paper: 3, scissors: 4 },
+ scissors: { rock: 6, paper: 1, scissors: 2 }
+}
+```
+
+ signifie qu'après paper, le joueur a joué 1 fois rock, 3 fois paper, et 4 fois scissors.
+
+On se sert de la matrice pour contrer la prédiction.
+
+5. Écrivezz cette stratégie, et testez la.
+
+#### Stratégie mixte
+Le but est d'implanter une stratégie mixte. On se donne une probabilité `p`.
+
+- la stratégie markovienne est jouée avec la probabilité `p`.
+- la stratégie aléatoire est jouée avec la probabilité `1-p`
+
+Écrivez la stratégie mixte, et testez.
+
+#### Stratégie adaptative
+La probabilité `p` dépend du score. On l'adapte au fur et à mesure. Si on gagne beaucoup (trop),
+ on joue au hasard, sinon avec Markov.
+
diff --git a/DEV.4.1/tp/tp3/img/chifoumi.png b/DEV.4.1/tp/tp3/img/chifoumi.png
new file mode 100644
index 0000000..1cc9d1f
Binary files /dev/null and b/DEV.4.1/tp/tp3/img/chifoumi.png differ
diff --git a/DEV.4.1/tp/tp3/src/css/style.css b/DEV.4.1/tp/tp3/src/css/style.css
new file mode 100644
index 0000000..16ae716
--- /dev/null
+++ b/DEV.4.1/tp/tp3/src/css/style.css
@@ -0,0 +1,41 @@
+
+.game {
+}
+.choices{
+ display : flex;
+ align-items:stretch;
+ height:8em;
+}
+.choices > span:nth-child(2) {
+ margin-left:3em;
+}
+
+.choices span i{
+ font-size: 2em;
+ cursor: pointer;
+ border: none;
+ margin-right:0.25em;
+ transition: transform 0.2s, color 0.2s;
+}
+
+#player,#computer{
+ font-size: 3em;
+ border: none;
+ margin-right:0.25em;
+}
+
+
+.choices span i:hover {
+ color:#398712
+}
+
+#player {
+ color:#398712
+}
+
+#computer {
+ color:#D93526;
+}
+
+
+
diff --git a/DEV.4.1/tp/tp3/src/index.html b/DEV.4.1/tp/tp3/src/index.html
new file mode 100644
index 0000000..d05cf97
--- /dev/null
+++ b/DEV.4.1/tp/tp3/src/index.html
@@ -0,0 +1,40 @@
+
+
+
+
+ Pierre Feuille Ciseaux
+
+
+
+
+
+
+
+
+
+
+