pascal.lafourcade
/
makeittrue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

nouveau système de liens

Browse Source
master
pisouvigne 5 years ago
parent 5856599107
commit 3768eb4994
13 changed files with 710 additions and 468 deletions
Show Stats Download Patch File Download Diff File

3
site/test/js/createElement.js
Unescape View File

@ -127,6 +127,7 @@ function createLink(entre, sortie) {
}
break;
default:
console.log("id2222222222222222222");
endLines.push(lineId);
createLine([entre.x + imageWidth, entre.y + imageHeight / 2, sortie.x, sortie.y + (imageHeight / end.position)*end.let], "line" + lineId);
setLine(entre, "id3", "line" + lineId);
@ -238,9 +239,7 @@ function createLinkSwitch(){
else {
switchsInfoCopy.forEach(function(element){
if(stage.findOne("#"+element.id).id3 == null){
console.log("le switch " + element.id);
if(Math.abs(logique.y - element.y) < distanceSwitch){
console.log("ai");
distanceSwitch = Math.abs(logique.y - element.y);
switchs = element;
}

103
site/vue/css/style.css
Unescape View File

@ -2,20 +2,26 @@
font-family: main;
src: url(../font/main.TTF);
}
@font-face {
font-family: dys;
src: url(../font/dys.otf);
}
* {
transition: .01s;
}
body {
font-family: main;
background-color: #D7CCC8;
height: 91%;
}
body {
background-color: #D7CCC8;
html {
height: 100%;
margin: 0;
padding: 0;
}
.title {
@ -84,6 +90,7 @@ body {
.fa-cog:hover {
font-size: 6vh;
}
.fa-trophy {
font-size: 5vh;
position: absolute;
@ -96,6 +103,7 @@ body {
.fa-trophy:hover {
font-size: 6vh;
}
.fa-users {
font-size: 5vh;
position: absolute;
@ -121,11 +129,12 @@ body {
.fa-info:hover {
font-size: 6vh;
}
.fa-arrow-left {
font-size: 5vh;
position: absolute;
left: 0;
margin: 4vh;
margin: 2vh;
transition: .5s;
}
@ -164,14 +173,17 @@ i:hover {
animation-name: animatetop;
animation-duration: 0.4s
}
.modal-body {
height: 100%;
border: 5px solid #D3D3CE;
border-radius: 15px;
}
.score-content {
height: 90%;
}
.scoreOne {
position: absolute;
width: 40%;
@ -181,6 +193,7 @@ i:hover {
border: 5px solid #D3D3CE;
border-radius: 15px;
}
.scoreTwo {
position: absolute;
width: 40%;
@ -190,6 +203,7 @@ i:hover {
border: 5px solid #D3D3CE;
border-radius: 15px;
}
@-webkit-keyframes animatetop {
from {
top: -200px;
@ -227,6 +241,7 @@ img:hover {
hr {
border: 3px solid #D3D3CE;
}
.img_france {
margin-right: 50px;
}
@ -235,15 +250,19 @@ hr{
height: 30vh;
width: 90%;
}
.close {
position: absolute;
right: 33px;
top: 10px;
font-size: 50px;
}
#modeDeJeu {
font-size: 25px;;
font-size: 25px;
;
}
.close:hover {
color: red;
cursor: pointer;
@ -252,10 +271,12 @@ hr{
.margin-right {
margin-right: 5%;
}
.margin-global {
margin-left: 2%;
margin-left: 2f%;
margin-right: 2%;
}
.veriteTable {
border-collapse: collapse;
border-radius: 15px;
@ -263,9 +284,11 @@ hr{
text-align: center;
width: 30%;
}
.veriteTable th {
height: 3em;
}
.veriteTable td {
height: 2em;
}
@ -273,30 +296,39 @@ hr{
#playPage {
display: none;
flex-direction: column;
height: 50%;
height: 95%;
margin: 0;
padding: 0;
}
.border {
border-radius: 15px;
}
.secret {
cursor: pointer;
color: #fe8a71;
}
#niveauGameOver {
color: #fe8a71;
}
#scoreTotGameOver {
color: #fe8a71;
}
#TempsTotGameOver {
color: #fe8a71;
}
.timer_bar {
height: 15px;
max-width: 95%;
margin: 2%;
transition: 1.5s;
}
.fa-star {
font-size: 10vh;
cursor: default;
@ -306,16 +338,75 @@ hr{
.fa {
font-size: 1em;
}
#titleGame {
font-size: 2em;
margin-top: 35%;
}
.far {
font-size: 5em;
margin: 0;
}
#setting_int {
font-size: 0.6em;
}
}
.timer_show {
font-size: 5vh;
position: absolute;
right: 10vh;
top: 3vh;
height: 10vh;
width: 10vh;
border-radius: 50%;
margin: 0;
text-align: center;
}
.timer_txt {
transition: 0.2s;
}
.info_check {
margin-right: 2%;
}
#cache_reinit {
background-color: red;
color: #D7CCC8;
border: none;
}
#cache_reinit:hover {
background-color: lightcoral;
cursor: pointer;
}
.input-color-container {
position: relative;
overflow: hidden;
width: 40px;
height: 40px;
border: solid 2px #ddd;
border-radius: 40px;
}
input[type=color]{
position: absolute;
right: -8px;
top: -8px;
width: 56px;
height: 56px;
border: none;
}
.input_line{
display: flex;
justify-content: center;
}
.colomn_line_input{
margin-right:25px;
margin-left:25px;
}

106
site/vue/index.html
Unescape View File

@ -49,6 +49,7 @@
<br><br>
<p><img src="img/and_test.png" class="margin-right"><img src="img/and_test.png"></p>
<br><br>
<p class="dys info_check" align=right>Ne plus afficher les aides <input type="checkbox" id="info_check_input" onclick="showInfo();"></p>
</div>
</div>
</div>
@ -89,18 +90,44 @@
<br><br>
<p><img src="img/or_test.png" class="margin-right"><img src="img/or_test.png"></p>
<br><br>
<p class="dys info_check" align=right>Ne plus afficher les aides <input type="checkbox" id="info_check_input" onclick="showInfo();"></p>
</div>
</div>
</div>
<div id="firstTimeinv" class="modal">
<div class="modal-content info-content">
<div class="modal-body border background" align=center>
<span class="close" onclick="closeModal('firstTimeinv');timer.start()">&times;</span>
<h1 class="txt dys" id="infoFirstTimeinv"></h1>
<hr id="hr">
<p class="dys txt margin-global" id="infoFirstTimeinvInfo1"></p>
<table class="veriteTable dys">
<tr>
<th class="border">a</th>
<th class="border">S</th>
</tr>
<tr>
<td class="border">0</td>
<td class="border">1</td>
</tr>
<tr>
<td class="border">1</td>
<td class="border">0</td>
</tr>
</table>
<br><br>
<p><img src="img/not_test.png" class="margin-right"><img src="img/not_test.png"></p>
<br><br>
<p class="dys info_check" align=right><a class="txt" id="close_helps"></a><input type="checkbox" id="info_check_input" onclick="showInfo();"></p>
</div>
</div>
</div>
<div class="menu border">
<div align=center>
<a onclick="closeGame();"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
<p id="modeDeJeu" class="txt dys">Mode de jeu</p>
<p><a id="niveau" class="txt dys">Niveau </a><a class="dys niveau">1</a></p>
<p class="dys"><a id="temps" class="txt">Temps : </a><a id="timer">0 s</a><a id="timerend">0 s</a></p>
</div>
<div class="timer_bar border">
<div class="timer_show dys border"><span class="timer_txt"></span></div>
<p id="modeDeJeu" class="txt dys"></p>
<p><a id="niveau" class="txt dys"></a><a class="dys niveau"></a></p>
</div>
</div>
<br>
@ -117,9 +144,9 @@
<ul>
<li>
<div class="message">
<a class="txt dys" id="playSelection">Je veux jouer a </a>
<a class="txt dys" id="playSelection"></a>
<select id="jeu-select" class="background">
<option value="aleatoire" class="txt background dys" id="mode1">Aleatoire</option>
<option value="aleatoire" class="txt background dys" id="mode1"></option>
<option value="perso" class="txt background dys" id="mode2"></option>
</select>
</div>
@ -150,19 +177,44 @@
<input id="dyscheckbox" type="checkbox" onclick="dysFont()" checked></p>
<br>
<br><img onclick="setLang('fr')" class="img_france" src="img/france.png" />
<img onclick="setLang('en')" class="img_usa" src="img/usa.png" /><br><br>
<img onclick="setLang('en')" class="img_usa" src="img/usa.png" /><br><br><br>
<button class="dys txt" id="cache_reinit" onclick="resetCache();"></button><br>
<hr id="hr">
<p id="setting_title_perso" class="txt dys">Personnalisation du jeu</p>
<p><a class="txt dys" id="active_switch_setting">Couleur ligne active : </a><input type="color"
id="active_switch_picker" name="head" value="#008000"></p>
<p><a class="txt dys" id="inactive_switch_setting">Couleur ligne innactive : </a><input type="color"
id="inactive_switch_picker" name="head" value="#FF0000"></p>
<p><a class="txt dys" id="active_line_setting">Couleur ligne innactive : </a><input type="color"
id="active_line_picker" name="head" value="#4CFEFE"></p>
<p><a class="txt dys" id="inactive_line_setting">Couleur ligne innactive : </a><input type="color"
id="inactive_line_picker" name="head" value="#000000"></p>
<p><a class="txt dys" id="inactive_end_setting">Couleur ligne innactive : </a><input type="color"
id="inactive_end_picker" name="head" value="#9a9a9a"></p>
<p id="setting_title_perso" class="txt dys"></p>
<div class="input_line">
<div class="colomn_line_input">
<a class="txt dys" id="active_switch_setting"></a>
<div class="input-color-container">
<input type="color" id="active_switch_picker" name="head" value="#008000" />
</div>
</div>
<div class="colomn_line_input">
<a class="txt dys" id="inactive_switch_setting"></a>
<div class="input-color-container">
<input type="color" id="inactive_switch_picker" name="head" value="#FF0000">
</div>
</div>
</div>
<div class="input_line">
<div class="colomn_line_input">
<a class="txt dys" id="active_line_setting"></a>
<div class="input-color-container">
<input type="color" id="active_line_picker" name="head" value="#4CFEFE">
</div>
</div>
<div class="colomn_line_input">
<a class="txt dys" id="inactive_line_setting"></a>
<div class="input-color-container">
<input type="color" id="inactive_line_picker" name="head" value="#000000">
</div>
</div>
<div class="colomn_line_input">
<a class="txt dys" id="inactive_end_setting"></a>
<div class="input-color-container">
<input type="color" id="inactive_end_picker" name="head" value="#9a9a9a">
</div>
</div>
</div>
<hr id="hr">
<div class="setting_play" id="setting_container">
@ -170,6 +222,18 @@
</div>
</div>
</div>
<div id="reset_cache" class="modal">
<div class="modal-content info-content">
<div class="modal-body border background" align=center>
<span class="close" onclick="closeModal('reset_cache');">&times;</span>
<h1 class="txt dys" id="reset"></h1>
<hr id="hr">
<p class="dys txt margin-global" id="reset_cache_message"></p>
<br><br>
<br><br>
</div>
</div>
</div>
<div id="scoreModal" class="modal">
<div class="modal-content score-content">
@ -205,7 +269,7 @@
<br><br>
<div align=center>
<p><a class="dys">Vous avez fait un score total de </a><a class="dys" id="scoreTotGameOver">140</a></p>
<p><a class="dys">Vous avez fait un temps total de </a><a class="dys" id="TempsTotGameOver">40</a> s</p>
<p class="dys"><a class="dys">Vous avez fait un temps total de </a><a class="dys" id="TempsTotGameOver">40</a> s</p>
<p><a class="dys">Niveau max : </a><a class="dys" id="niveauGameOver"></a></p>
<hr id="hr">
<p class="dys">Entrez votre pseudo : <input type="text" class="border background color"><button class="border background">Valider</button></p>

2
site/vue/js/const.js
Unescape View File

@ -49,3 +49,5 @@ var windowWidth = 0;
var windowHeight = 0;
var mobile = false;
var allowedInfoPorte = true;

66
site/vue/js/createElement.js
Unescape View File

@ -89,9 +89,12 @@ function createEnd() {
}
createLine([switchMidX, switchMidY, logiqueMidX, logiqueMidY], "line" + lineId);
setLine(sortie, "id1", "line" + lineId);
let truc = entre.x;
entre.id3 = "line" + lineId;
break;
case "id2":
createLine([entre.getX() + entre.getWidth(), entre.getY() + entre.getHeight() / 2, sortie.x, sortie.y + (imageHeight / 3) * 2], "line" + lineId);
setLine(sortie, "id2", "line" + lineId);
entre.id3 = "line" + lineId;
@ -132,6 +135,9 @@ function createEnd() {
break;
}
break;
default:
console.log("error");
break;
}
}
@ -182,7 +188,7 @@ function createEnd() {
type: type,
id1: null,
id2: null,
id3: null,
id3: [],
}
logiques.push(logique);
}
@ -215,12 +221,21 @@ function createEnd() {
var distance = stage.width();
//Trouver la porte logique la plus proche des switchs
logiques.forEach(function (element) {
if(element.type != "inv"){
if (element.id1 == null || element.id2 == null) {
if (element.x < distance) {
logique = element;
distance = element.x;
}
}
}else{
if (element.id1 == null) {
if (element.x < distance) {
logique = element;
distance = element.x;
}
}
}
});
var distanceSwitch = stage.height();
var switchs = null;
@ -234,10 +249,8 @@ function createEnd() {
}
else {
switchsInfoCopy.forEach(function (element) {
if(stage.findOne("#"+element.id).id3 == null){
console.log("le switch " + element.id);
if (stage.findOne("#" + element.id).id3.length === 0) {
if (Math.abs(logique.y - element.y) < distanceSwitch) {
console.log("ai");
distanceSwitch = Math.abs(logique.y - element.y);
switchs = element;
}
@ -252,16 +265,19 @@ function createEnd() {
function getNumberOfSwitchEmpty() {
let number = 0;
switchsInfoCopy.forEach(function (element) {
if(stage.findOne("#"+element.id).id3 == null)
if (stage.findOne("#" + element.id).id3.length === 0)
number++;
});
return number;
}
function createAllLinkSwitch() {
while(getNumberOfSwitchEmpty() > 0){
for(let i = 0; i < numberOfSwitch;i++){
createLinkSwitch();
}
/*while (getNumberOfSwitchEmpty() > 0) {
createLinkSwitch();
}*/
}
function createLinkAuto(logiqueId) {
@ -294,3 +310,41 @@ function createEnd() {
createLink(findLogique(logiqueId), findLogique(sortie.name));
}
}
function createStage(container) {
height = document.querySelector("#"+container).offsetHeight;
width = document.querySelector("#"+container).offsetWidth;
if (window.innerWidth <= 900) {
if (!mobile) {
mobile = true;
stage = new Konva.Stage({
container: container,
width: height,
height: width,
rotation:90,
x:height,
});
}
stage = new Konva.Stage({
container: container,
width: height,
height: width,
rotation:90,
x:height,
});
} else {
if (mobile) {
mobile = false;
}else{
stage = new Konva.Stage({
container: container,
width: width,
height: height,
});
}
}
stage.draw();
}

11
site/vue/js/func.js
Unescape View File

@ -115,6 +115,9 @@ function setLine(logiqueElement, lineId, lineName) {
if (element.name === logiqueElement.name) {
Object.keys(element).map(function (objectKey, index) {
if (objectKey == lineId) {
if(lineId === "id3"){
element[objectKey].push(lineName);
}else
element[objectKey] = lineName;
}
});
@ -122,6 +125,12 @@ function setLine(logiqueElement, lineId, lineName) {
});
}
function changeSwitchColor(switchId){
let swi = stage.findOne("#" + switchId);
var colorswi = swi.fill() == colorSwitchActiveBackground ? colorSwitchInnactiveBackground : colorSwitchActiveBackground;
swi.fill(colorswi);
}
function changeLineColor(idLine) {
let line = stage.findOne("#" + idLine);
var colorline = line.stroke() == colorLineActive ? colorLineInnactive : colorLineActive;
@ -142,7 +151,7 @@ function changeLineColorYellow(idLine) {
function checkAllSortieLogique() {
logiques.forEach(function (element) {
if (element.id3 != null)
if (element.id3.length != 0)
checkSortieLogique(element.name);
});
}

17
site/vue/js/init.js
Unescape View File

@ -2,23 +2,27 @@ function initAllSwitch() {
switchs.forEach(function (element) {
let switche = stage.findOne("#" + element);
switche.on('click touchstart', function () {
let colorrect = switche.fill() == colorSwitchInnactiveBackground ? colorSwitchActiveBackground : colorSwitchInnactiveBackground;
switche.fill(colorrect);
changeSwitchColor(switche.id());
changeLineColor(switche.id3);
checkAllSortieLogique();
layer.draw();
checkEnd();
});
switche.on('mousedown', function () {
switche.on('mouseover', function () {
document.body.style.cursor = "pointer";
});
switche.on('mouseout', function () {
document.body.style.cursor = "default";
});
//faire le random de l'inversion de switch
if(getRandomArbitrary(0,3) == 1){
changeSwitchColor(switche.id());
changeLineColor(switche.id3);
}
});
}
function initLayer() {
@ -36,7 +40,7 @@ function initEnd() {
var listeLogique = [];
let countLogique = 0;
logiques.forEach(function (element) {
if(element.id3 == null){
if(element.id3.length === 0) {
countLogique++;
listeLogique.push(element);
}
@ -44,9 +48,8 @@ function initEnd() {
listeLogique.sort(compareLogiqueForEnd);
end.position = countLogique;
end.let = countLogique;
console.log(listeLogique);
listeLogique.forEach(function (element) {
if(element.id3 == null){
createLink(element, end);
}
});
}

18
site/vue/js/lang.js
Unescape View File

@ -1,7 +1,7 @@
const lang = {
fr: {
titleGame: "Make It True",
settingTitle: "Parametres",
settingTitle: "Paramètres",
playSelection: "Je veux jouer a",
mode1: "Aleatoire",
mode2: "Cameleon",
@ -9,14 +9,14 @@ const lang = {
retour: "Retour",
dysfont: "Dyslexie :",
setting_title_perso: "Personnalisation du jeu",
active_line_setting : "Couleur lines actives : ",
inactive_line_setting : "Couleur lines inactives : ",
active_switch_setting : "Couleur switchs actif : ",
inactive_switch_setting : "Couleur switchs inactif : ",
active_line_setting : "Couleur lignes actives",
inactive_line_setting : "Couleur lignes inactives",
active_switch_setting : "Couleur intérupteur actif",
inactive_switch_setting : "Couleur intérupteur inactif",
scoreTitle: "Tableau des scores",
infoTitle: "Comment jouer ?",
gameOverTitle: "Perdu",
inactive_end_setting: "Couleur fin : ",
inactive_end_setting: "Couleur objectif : ",
modeDeJeu : "Mode de jeu",
niveau : "Niveau ",
temps: "Temps : ",
@ -24,6 +24,12 @@ const lang = {
infoFirstTimeEtInfo1: "L'opérateur ET renvoie VRAI seulement si ses deux entrées sont à 1.<br><br><br> Voici la table de vérité :",
infoFirstTimeOu: "Porte \"ou\"",
infoFirstTimeOuInfo1: "L'opérateur OU renvoie VRAI si au moins une entrés est à 1.<br><br><br> Voici la table de vérité :",
infoFirstTimeinv: "Porte \"non\"",
infoFirstTimeinvInfo1: "La sortie est l'inverse de l'entrée.<br><br><br> Voici la table de vérité :",
cache_reinit:"Réinitialiser toutes les données en caches",
reset_cache_message: "Toutes les données ont été supprimées.<br><br><br> La page va automatiquement se rafraichir dans 3s ...",
reset: "Reset",
close_helps:"Ne plus afficher les aides",
},
en: {

8
site/vue/js/logique.js
Unescape View File

@ -20,10 +20,14 @@ function giveSwitchYWithLineId(lineId){
function removeLineFromSwitch(lineId){
switchsInfoCopy.forEach(function(element){
if(stage.findOne("#"+element.id).id3 == lineId){
stage.findOne("#"+element.id).id3 = null;
stage.findOne("#"+element.id).id3.forEach(function(element){
if(element == lineId){
ax = stage.findOne("#"+element.id).id3.indexOf(lineId);
stage.findOne("#"+element.id).id3.splice(ax, 1);
}
});
});
}
function removeLine(lineId){

129
site/vue/js/main.js
Unescape View File

@ -76,8 +76,6 @@ function gameOne() {
//checkAllSortieLogique();
}
function createGameOne(niveau) {
windowWidth = window.innerWidth;
windowHeight = window.innerHeight;
@ -85,6 +83,7 @@ function createGameOne(niveau) {
var numberColonne2 = 1;
var isEtNonAllowed = false;
var isOuNonAllowed = false;
var isNotAllowed = false;
var isOuAllowed = false;
var firstTime = [];
switch(niveauActuel) {
@ -94,77 +93,76 @@ function createGameOne(niveau) {
case 2:
numberColonne1 = 2;
numberColonne2 = 0;
timeEnd = 5;
timeEnd = 15;
break;
case 3:
numberColonne1 = 2;
numberColonne2 = 1;
timeEnd = 5;
timeEnd = 15;
break;
case 4:
numberColonne1 = 4;
numberColonne1 = 3;
numberColonne2 = 1;
timeEnd = 5;
timeEnd = 20;
break;
//Fin premiere serie
case 5:
firstTime.push("ou");
numberColonne1 = 1;
numberColonne2 = 0;
isOuAllowed = true;
timeEnd = 5;
firstTime.push("inv");
isNotAllowed = true;
timeEnd = 20;
break;
case 6:
numberColonne1 = 2;
numberColonne2 = 0;
isOuAllowed = true;
timeEnd = 5;
isNotAllowed = true;
timeEnd = 20;
break;
case 7:
numberColonne1 = 2;
numberColonne2 = 1;
isOuAllowed = true;
timeEnd = 5;
isNotAllowed = true;
timeEnd = 20;
break;
case 8:
numberColonne1 = 3;
numberColonne2 = 1;
isOuAllowed = true;
timeEnd = 5;
isNotAllowed = true;
timeEnd = 20;
break;
case 9:
numberColonne1 = 5;
numberColonne1 = 4;
numberColonne2 = 1;
isOuAllowed = true;
timeEnd = 400;
isNotAllowed = true;
timeEnd = 20;
break;
case 10:
firstTime.push("ou");
break;
case 11:
isEtNonAllowed = true;
timeEnd = 4;
isNotAllowed = true;
isOuAllowed = true;
numberColonne1 = 3;
numberColonne2 = 1;
timeEnd = 20;
break;
case 12:
case 13:
case 14:
isEtNonAllowed = true;
isOuNonAllowed = true;
timeEnd = 4;
isNotAllowed = true;
isOuAllowed = true;
numberColonne1 = 3;
numberColonne2 = 1;
timeEnd = 20;
break;
default:
isEtNonAllowed = true;
isOuNonAllowed = true;
timeEnd = 3;
timeEnd = 20;
numberColonne1 = 4;
break;
}
isTuto = false;
stage = new Konva.Stage({
container: 'play_container',
width: width,
height: height,
});
createStage("play_container");
stage.add(layer);
colonneTot = 2;
numberPerColonne = [numberColonne1, numberColonne2];
@ -175,10 +173,12 @@ function createGameOne(niveau) {
numberColonne2 = 0;
numberPerColonne = [numberColonne1, numberColonne2];
liveColonneNumber.push([]);
timeEnd = 5;
timeEnd = 20;
insertLogiqueColonne("logique" + logiqueCount, firstTime[0], 0);
if(allowedInfoPorte){
openModal('firstTime' + firstTime[0]);
timer.pause();
}
} else {
for (let i = 0; i < colonneTot; i++) {
liveColonneNumber.push([]);
@ -191,18 +191,22 @@ function createGameOne(niveau) {
if (isOuAllowed) x++;
if (isEtNonAllowed) x++;
if (isOuNonAllowed) x++;
if (isNotAllowed) x++;
let numberRandom = getRandomArbitrary(0, x);
switch (numberRandom) {
case 0:
type = "et";
break;
case 1:
type = "ou";
type = "inv";
break;
case 2:
type = "etnon";
type = "ou";
break;
case 3:
type = "etnon";
break;
case 4:
type = "nonou";
break;
}
@ -214,8 +218,10 @@ function createGameOne(niveau) {
logiques.forEach(function (element) {
createLinkAuto(element.name);
});
calculNombreSwitch();
switchCreator(numberOfSwitch);
createAllLinkSwitch();
initAllSwitch();
@ -226,31 +232,26 @@ function createGameOne(niveau) {
checkAllSortieLogique();
}
window.addEventListener('resize', changeCanvas);
window.addEventListener('resize', changeStage);
var rtime;
var timeout = false;
function changeCanvas() {
rtime = new Date();
if (timeout === false) {
timeout = true;
setTimeout(resizeend, 200);
}
function resetCache(){
openModal("reset_cache");
setTimeout(() => { location.reload(); }, 3000);
}
window.addEventListener('resize', saveStage);
function saveStage() {
resetAllTabs(true);
stage = new Konva.Stage({
container: 'play_container',
width: width,
height: height,
});
if(isTuto){
createStage("setting_container");
}else{
createStage("play_container");
}
stage.add(layer);
logique2 = logiques;
console.log(logique2);
logiques = [];
var logiqueCount = 0;
for (let i = 0; i < colonneTot; i++) {
@ -258,7 +259,6 @@ function saveStage() {
}
for (let i = 0; i < colonneTot; i++) {
for (let j = 0; j < numberPerColonne[i]; j++) {
console.log(numberPerColonne[i]);
insertLogiqueColonne("logique" + logiqueCount, logique2[logiqueCount].type, i);
logiqueCount++;
}
@ -277,27 +277,8 @@ function saveStage() {
checkAllSortieLogique();
}
function resizeend() {
if (new Date() - rtime < 200) {
setTimeout(resizeend, 200);
} else {
timeout = false;
saveStage();
}
}
function changeStage() {
if (window.innerWidth <= 900) {
if (!mobile) {
console.log("mobile");
stage.rotate(90);
stage.x(stage.getX() + stage.height());
mobile = true;
}
} else {
stage.scaleX(window.innerWidth / windowWidth);
stage.scaleY(window.innerHeight / windowHeight);
}
function showInfo(){
if(document.querySelector("#info_check_input").checked) allowedInfoPorte = false;
else allowedInfoPorte = true;
stage.draw();
}

14
site/vue/js/progress.js
Unescape View File

@ -0,0 +1,14 @@
const level = {
1:{
timeEnd: 20,
firstTime: "et",
numberColonne1 : 1,
numberColonne2 : 0,
},
2:{
timeEnd:20,
firstTime : null,
numberColonne1 : 2,
numberColonne2 : 0,
}
}

26
site/vue/js/timer.js
Unescape View File

@ -1,23 +1,29 @@
function initTimer() {
var TimerElem = document.querySelector(".timer_bar");
TimerElem.style.width = "0%";
let seconds = timeEnd;
document.getElementById("timerend").innerHTML = " / " + seconds + " s";
document.querySelector(".timer_txt").innerHTML = timeEnd - timer.getTimeValues().seconds;
}
function move() {
var lapsPerSecond = 100 / timeEnd;
var TimerElem = document.querySelector(".timer_bar");
TimerElem.style.width = (parseInt(TimerElem.style.width) + lapsPerSecond) + "%";
document.querySelector(".timer_txt").innerHTML = timeEnd - timer.getTimeValues().seconds;
switch(timeEnd - timer.getTimeValues().seconds){
case 5:
case 4:
document.querySelector(".timer_txt").style.color = "#eca1a6";
break;
case 3:
case 2:
case 1:
case 0:
document.querySelector(".timer_txt").style.color = "#c94c4c";
break;
default:
document.querySelector(".timer_txt").style.color = document.querySelector("#modeDeJeu").style.color;
}
}
var timer = new easytimer.Timer();
timer.start();
timer.addEventListener('secondsUpdated', function (e) {
if (timer.getTimeValues().seconds <= timeEnd) {
document.getElementById("timer").innerHTML = timer.getTimeValues().seconds.toString() + " s";
move();
} else {
timeTot = timeTot + timer.getTimeValues().seconds;

19
site/vue/todo.todo
Unescape View File

@ -7,27 +7,36 @@ Responsive :
`Piste`e canvas soit plus grand de base et le redimensionner par la suite (produit en croix pour simplement le repositionner => taille de base *4/5 puis on redivise)
Faire en sorte que l
Suite :
☐ Changer de direction lorsqu'on atteint un certain format
✔ Changer de direction lorsqu'on atteint un certain format @done(20-06-18 11:27)
`Piste`
Quand la largeur est inférieur à la hauteur ???
En dessous d'un certains nombre de pixels ??? Attention aux téléphone haute résolution
Paramètres :
Choix du types de porte :
☐ Refaire les portes dans le canvas avec un rectangle qui a à l'intérieur du text ou une image
☐ Refaire les portes dans le canvas avec un rectangle qui a à l'intérieur du text ou une image //Mouai
Impossible je pense
☐ Ajouter au menu des paramètres la possibilité de choisir entre les 2 types de portes
☐ Mettre tout les types de portes dans la prévisualisation
Site :
Ajouter la sauvegarde dans le cache :
☐ Faire une affiche qui demande le pseudo du joueur si il se connecte pour la première fois
☐ Sauvegarder les infos des paramètres dans le cache et les récupérer au redémarrage de la page
☐ Supprimer le cache lors du clique sur le bouton
Jeu :
☐ Refaire entièrement le "not" pour éviter la fuite de mémoire
☐ Ajouter la possibilité qu'une sortie puisse acceuillir plusieurs lignes
✔ Refaire entièrement le "not" pour éviter la fuite de mémoire @done(20-06-18 12:44)
☐ Eviter les croisements de fils
✔ Ajouter la possibilité qu'une sortie puisse acceuillir plusieurs lignes @done(20-06-18 15:37)
`Piste`
Remplacer l'id3 par une liste d'id3 qu'on parcourerait
☐ Faire en sorte que les portes d'une colonne autres que la 1ere n'ai que des lignes qui viennent de porte et non des switchs
UI/UX :
☐ Trouver une police d'écriture bien pour le jeu
☐ Changer la bar de temps pour que ce soit fluide
✔ Changer la bar de temps pour que ce soit fluide @done(20-06-18 12:04)
✔ Refaire les carrés de séléctions des couleurs @done(20-06-18 17:11)
☐ Corriger les fautes d'orthographes
☐ Faire la traduction en anglais
Write Preview
Loading…
Cancel
Save