From 93e9a170738b926cb6aad37740dc497b7064d3e0 Mon Sep 17 00:00:00 2001 From: non Date: Thu, 16 Jul 2020 18:58:24 +0200 Subject: [PATCH] ajout de boutons de modes fonctionnels --- code/button_displayer.js | 55 +++++++++++++++++++++--------- code/index.css | 10 ++++++ code/index.html | 56 +++++++++++++++++-------------- code/ress/button_diff_easy.png | Bin 0 -> 1975 bytes code/ress/button_diff_hard.png | Bin 0 -> 2137 bytes code/ress/button_diff_normal.png | Bin 0 -> 2154 bytes code/vitraux.js | 2 +- 7 files changed, 80 insertions(+), 43 deletions(-) create mode 100644 code/index.css create mode 100644 code/ress/button_diff_easy.png create mode 100644 code/ress/button_diff_hard.png create mode 100644 code/ress/button_diff_normal.png diff --git a/code/button_displayer.js b/code/button_displayer.js index 2b66fae..57e5540 100644 --- a/code/button_displayer.js +++ b/code/button_displayer.js @@ -1,21 +1,44 @@ var modes=["points","temps","survie"]; +var diffs=["easy","med","hard"]; var div=document.getElementById('buttons'); +size=screen.height/6; +hideAll(); +var modeSelected; +var diffSelected; + modes.forEach(element => { - var name=element+"Button"; + eval("var btn"+element+"= document.getElementById('btn_"+element+"')"); + eval("btn_"+element+".width=size"); + eval("btn_"+element).addEventListener("mousedown",function(e){disp(e);}); + var tab=document.getElementById(element).children; + for(var i=0;i"); - - div.innerHTML+=""; - /* - eval(name).onload = function(){ - div.innerHTML+=""; - }*/ +diffs.forEach(element => { + eval("var btn"+element+"= document.getElementById('btn_"+element+"')"); + console.log("btn_"+element+".width=size"); + eval("btn_"+element+".width=size"); + eval("btn_"+element).addEventListener("mousedown",function(e){diffSelected=e.currentTarget.id;}); +}) - //eval(name).src="./ress/button_mode_"+element+".png"; - eval(name).addEventListener("mousedown",function(e){console.log("yo");}); -}); +function disp(what) +{ + what=what.currentTarget.id.substring(4); + modes.forEach(element => { + document.getElementById(element).style.display=what==element ? "flex":"none"; + }) +} + +function hideAll() +{ + document.getElementById("temps").style.display="none"; + document.getElementById("points").style.display="none"; +} + +function play() +{ + window.location.replace("./game.html?mode="+modeSelected+"&diff=easy"); +} \ No newline at end of file diff --git a/code/index.css b/code/index.css new file mode 100644 index 0000000..5290bbe --- /dev/null +++ b/code/index.css @@ -0,0 +1,10 @@ +.all-container { + display : flex; + + align-items: baseline; + width : min-content; + /* + margin: 20px; + */ + +} \ No newline at end of file diff --git a/code/index.html b/code/index.html index d9e6153..a132441 100644 --- a/code/index.html +++ b/code/index.html @@ -1,36 +1,40 @@ - On the Dot + On The Dot + -
+ Jouer la partie en :
-
+
    + + + +
+
    + + + + +
+
    + + +
+
    + + + +
+ + + - - Choisissez la difficulté
- - -
- -
- -
+
    + +
--> + Entrez votre pseudo (optionnel, mais nécessaire si vous voulez sauvegarder votre score): diff --git a/code/ress/button_diff_easy.png b/code/ress/button_diff_easy.png new file mode 100644 index 0000000000000000000000000000000000000000..b97739a02a19710c3137414e94a3c3356b5138f4 GIT binary patch literal 1975 zcmcIl`#02i82-!{jMTWKB?goICMQCyTtcv!{^Zv02KEVoDQCd8WWDQFFcLV<1Xd0g9lb`8uq8eCk#5S z&1#r&m6lb^nTublc|~cdv>V&26p%SO^f2J ze&o*J9h3@Pbe7=?_Ib8PD67&PCy*;txz6T%6>4+MXgTE^DfWpm%h624d~B zRReFH(-=HL3vrpi`00*`*;zpx>7KK_-m$Q~kFf+jx8+?+pdx20q36ENB9W0gw@=tV zD|Gmxw-9%AsvGL1;>f`z%xqxw6}w?bTFu@SebF!abuMH(v4WeJZTAf>`BSKWt~PGt z{0D1R<{kl(WPF&BrLu3}Av3>w!$;6QH41qWiUjtCsWUyeoGCHU{?$A-CspPAjHisa ztQz9?1W!%MJ$hrY-0~qgGPkX4)T^F3F`D8< z3_F!MwFKSDx*5&890eA!Rgve*qj|0~ya9rqF~h#8&QHv{;|?buV?Se6sa??^%)5mY zNLPEC#uY(~bbioZRG$%(3bEz~cRoFdq&G)m8g+hXz+3p921c)w8WAw9OLTz203;H? z;dDBXz5f$^BKgel-;jAox+lCdpgC-%l^gqZjG!zJPau2gN_vqfSHooH!$5>W3b(>Q zek9&p9-CfS#4^QZ&RhL1Z9^fnjQXfPBk`nb<6O$dqx0n97}3vklBGL}HNkgh70aeQ zj`yi^^g$vYq;W5@*~A^Uzjd2CqovprPf8`h;0YzDe-=hMW?CbUK+rQox0_x5BfUl_ zuWTCX;7~ky(7p?X?VQohjnFVgB=vX11)#%w$~$%DB++*X==jV1qtfG#By%ipzqSN=Yr7G4wX?w7RHtmWfyJGY*t#dan(=fJFZ7+| zn!@&s#CG3)YDj5=#THn6%4h_7qBPZNtPMP*|b`jmReNpdiX$)UYn>=Hif3)^3x z^u-y(sVme5glf&pQEtGgBaIwqwVZ?epzpIam7;JaLWew?Fe*l98BnQJz|ry;ut9K_${kfzH!o~jo!W1c=jd^XtI<3hcmSPDZ^cKd z`L*C?Um8Z}qNLcE4Mzv^4Mj3eE|`Ji$M%h%*k(=tRld1Ej$)!nUdR{|ylSE}xpBLT zV)`7tUWR`|5ee*O7u1vxNoN+0bS9PZ=_}I4bQ;hP&&hSbU`P}jiEe9_MXYo5ZKm-s z0#WY2>b|$HLp+gJ+q?gA#w7)K+o02TdDeT0k{#DMEvS2Bv$T^{4+^0m<-;vMO(t!- zU0=(UIIml$aY)zzq>AL~p7o-UeOvF!Cb(p$dW?|5>!3^z=WY&!YY0 z5dR912IyXOn?ZJXGk!U74hhzUHVs~;jMzfxZIx$zOm*PTU}T_B(A`xN64A0IbH0~7 zr_yTnRjYy+yZ6&~kHnsU#F#mbhYrr0*H(7A3ejp>?NT?o`om1NcpB2zFy^`F5WHPO z&>an7l(SA?koj%8TJloT?nF)>@Oi_EQck-|h!wB6(6IsLU!32d;VcW!j! i>qhx=F)uSAHVTXzQ;*+xn8=YGT|hWYbh>+pobWermNQBK literal 0 HcmV?d00001 diff --git a/code/ress/button_diff_hard.png b/code/ress/button_diff_hard.png new file mode 100644 index 0000000000000000000000000000000000000000..f0329e16dce113031882ec314d42c10fbdf6dffe GIT binary patch literal 2137 zcmcJRdpH#67suaWXsjJGl}o9Z)gYHKphOWZ#2r-ZdRgN+(QspA2-YZ{?z^t{(|@*-(BPETR6YYFeeE;8Fxd zH%a$6rAob&`v=YHaX53FsAE7R&KZa$EVc^=O9wVbnRx2-tMqg4(1Ip7zeRx4 z6DO|TSctD4{HBl*tg#^MAy zXlq`ro)*9dN^+NETq7HN##lI3kSo~4X5&H>n$RB<|NJ3-&3%5vEsiwkJo=*%_)U}A zva1n2R7(Q;CXZrgI~0CtNDx^7vbvlcg8@(|0D}QJIa&Ot?r+FHgn#9T9VLCx*P%g+ z&CTVPHdrYZNEGUJTC3j~4OJpB8)xM&2ZNPf`-xuK9=-5`8CK(uU1WFM-2KasNXe&Zel85@LPqj?l|^yad-~1 z&5zYMRXFB=;li08@vO@1$vf2*H9X!LnpBqeG`D;6sbAWG)rkrW^K#d;PfJ~ArO-1L z(`zxXAks!eEVUb$-!yscdUBFdc_S+9F^0h+=(!bxGGCY&aQCFNDU%6s((^4tAo7x?o>01 z|MJ>(K7#BHiMw^mUSsWi+c{%y>dc82D)nCLzN&%uc@vmCPvPf?3`M0myB}AcH5=k% zHtr|xgc)h(n+V_DX%GgPC)Es|Uip=)-JJ(bN_HxO?4?sq>66I4kLLxHQvIVx>9sQ?vztKJ~hQz_}#xEUx8z2+40L|Iv= zn5Ff+>X|AWlK4uo_~Djp&-%t1j5(&yi%6bAna;UW#VgRx%APs{<&!&Y6D!YV#(-L&kjLfkwO*&HxR*58pPc8!A1x)O9yorjdYS_*sg*0GUJ za|d$LCPv-Y7}lb>yd^v8p0?nN6%Tz7=DW?2C*$9ZIM?z-Vne*8XGscQ1%--4@6Kqi zW?}iM)9P)$=haxe^sNv44-3!A`k7SNUU-m`l8IZjnEdXlWcuLDJS>^nv6cPRg*;vzw!{svl|Wy@}YU_MID=q z_8FVQe5uE;z+hK`$WVx_Rg!$BXy|u2A`u{w015>Vh%Ek7_c!Dp!vF6mmx;+1@<4ZH ziM`$(4Sp%=Yeb*X6D*B{<;pYmrdRvdW{q*t;!B~%wKdDZdw@z5m5QxL+)&d_=yh2j zIdUpzm-5fjqlZq)4I4b?e&Kar_K2tB1p1B7+LxcB`L66oF|On9*W|ZChH+npF5b=k zfCyh|e=vHSzf&4akm?G^fnTsBo87Ey9p0e7x3`UNg4bfTrpP87L0|B>XXQ^rfeR_Y zJ6_VFefZUQIxWPOp;Bjqzc=tjzm>4WaW`V4sVn@|;Ro71b>R{YDIsf2Ef>K+Z;}@J zWHq!(^5bXoCJJeEi~!4C5BbD2Nd=Lu8x-kgWakxS(TlyL4NDNeVrM2VRZW(y1%Tw> KdZf&beC02Ti*?-q literal 0 HcmV?d00001 diff --git a/code/ress/button_diff_normal.png b/code/ress/button_diff_normal.png new file mode 100644 index 0000000000000000000000000000000000000000..94459f3d9af14f81edf88a0299c93c48ce3157a5 GIT binary patch literal 2154 zcmcImX;2eL7VZRwL`4B31UXYoARZYQju|9?Boqn(0T1MsLmU`Uz%`J_9RvjjF^~`r zf#FhDyTzLFMO28>X;%Q^ z3<02~0;L%7`>TC=Cqgh2Qlzdb4D;%XWM7F-w7zO59!upOF!SkOxw2hgh@+c=%V=E?W*l~_uiMtut2xEuQBc> zMr+6DW5hj}H8*-9q-+P*`Klq`k=Tuny+jI0O@(c8{fpCD*$@r~71 zfb8G$l)fuJA7`F(n8W`UMWyFbVN^?%ydeUO~H6r4cg9iEBS?N`s@-Y zkjFn&em=aiKdo_$|L`88`Q4rb)SSZgQGZXdq}Fi7OmO zc||v!V^TIVAkg0IMUPR3=?^O-G z_a1xiCxz|$dNWX^&CtB5RfytVRt>7jHiM|wobEM4tUZxy>fit`#< zS-r9P!9^dbbtTiEI~9XGS1asZzT5HrqrN38#k7M*FFH1Nn<)v*U_u`*?EVH@&{7ht z;!WEq&?H+Q$@0P%DD)*wSWb@=eNI`t*k0MS=)Nwkpi(WOHOyv(u(R6HWItq#4$4v3 zcx)@Of4FoM4kzu+iM>02!XTFs5T$gclc1Q^VH;b8TV%%aLR)V$Y%;s3Zo|bLBUGQ) z2gGAVth0w#E4h^Oy%-NTZ9jasuBPCcG=Fo)Glq^#Y+Ar+H5nra{08G)UMWD-a+=Rg zR>0E5KNwkrpU6z8RhQqirfRs2d0{&lp~ALOI$!o{a~50ju~1Cwo)R8?y1I~c$}L_) z$6QrQ8a~1hhLlf*guL6ZH(ERO4IKVmX2vgN?2#W&>$iA!%&(omLI@58tjCwNP0*^@ zRywjUwHz}$Ig^QeL6)I^z^L2QckeQ8BS2kv7_XSS2MGxt zMYMKFG*@ob4czH$;K6>5BPpkq|Ge6F?NbFI{P{%TvRU5JlJsM+()H}mCA#}`bvlHU zqYJ1ZYsBMqjGEU6uDbC4K}{$Wp|8^sTbDt2j8i*Ey6G#ntlJ5O80T7Gqw66pSHRxU5lk98AF&DIU+@$YL}BeGWfh$7c` z%fUf0zunpZ`l8iXt?HPYLVWa^pnk&XQW-aImg z;dtw9lO5~%HR$2rz3rIe0}B}~qv=Bq7=9fNX~Rjja-<3CH6U73vgV0}5Iv$aj-yVb-!SRsCiLj*SjDc3iCekj*#j^< zT|nG=-ptw}ub4>UF>xDEJ140CEqS)RcxhIp%#<5R+mtl