From 9caa2ca99218f47c196dcf6cb736f4e9760ffdc4 Mon Sep 17 00:00:00 2001 From: adrien Date: Thu, 15 Jan 2026 10:59:45 +0100 Subject: [PATCH] more gap between canons --- app.js | 8 ++++---- img/synthe.png | Bin 5836 -> 1102 bytes 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/app.js b/app.js index 101b806..27474bb 100644 --- a/app.js +++ b/app.js @@ -117,7 +117,7 @@ class Cannon extends Sprite { constructor(canvasCtx, note) { let sharp = [1, 3, 6, 8, 10].includes(note % 12) //super(canvasCtx, "cannon.png", 34 * (note - FIRST_NOTE) + 66, sharp? 418:424, 11, 26, 4) - super(canvasCtx, "cannon.png", 34 * (note - FIRST_NOTE) + 66, 424 - 8*(note % 3), 11, 26, 4) + super(canvasCtx, "cannon.png", 34 * (note - FIRST_NOTE) + 66, 454 - 20*(note % 3), 11, 26, 4) this.note = note this.key = keyMap[note - FIRST_NOTE]?.toUpperCase() || "" this.impactHeight = 9 @@ -139,7 +139,7 @@ class Cannon extends Sprite { this.pipeSprite.draw(deltaX, deltaY) this.canvasCtx.fillStyle = "#d3d6cf" this.canvasCtx.fillText(this.key, this.pipeSprite.x+2, this.pipeSprite.y+9) - this.canvasCtx.fillStyle = "#222327" + this.canvasCtx.fillStyle = "#0d0a0a" this.canvasCtx.fillText(this.key, this.pipeSprite.x, this.pipeSprite.y+8) super.draw(deltaX, deltaY) if (this.frame) { @@ -258,11 +258,11 @@ canvasCtx.webkitImageSmoothingEnabled = false canvasCtx.msImageSmoothingEnabled = false canvasCtx.imageSmoothingEnabled = false -canvasCtx.font = '12px "Press Start 2P"' +canvasCtx.font = 'bold 12px "Press Start 2P"' canvasCtx.textAlign = "center" let consoleSprite = new Sprite(canvasCtx, "console.png", canvas.width/2, 554, 482, 104) -let syntheSprite = new Sprite(canvasCtx, "synthe.png", canvas.width/2, 546, 110, 80) +let syntheSprite = new Sprite(canvasCtx, "synthe.png", canvas.width/2, 546, 110, 46) let cannonSprites = [] for (let note=FIRST_NOTE; noteNf{ff4zyx!{vv@JQnC&cw#x$&7$rFSz!?{>JHDR;S>X1qI8 z>28|RyELU$p-N}cl+pwR%asIYx+wks|6fp0@c+AaXU?1vWMKIJ?!OX{`~RJbi_0n( zr8Fg_awQ-sXe=l=b7pzDu~LVzl8YcvA%kp@xGIpUS1bwg3kI5k7ck5}ctH`UnzO(o zvY3HEPYHw>S3SBr2^cU}JY5_^JiLzvKCF6Vz*Ec?yKv3RDjDlZy0Q2FYkogjb|>J_ zvH8iroRm_cv!Z4_uT(qquU=7d)6V5Wv(Kj02Y>q0f3j@%-DhG33{t1>A25}2e`!J`>(qAXo=MXg^lX5OCr@3v?Ix75xJ?*-hK>|-)q#CkK@Cox)y-Q%j|l4oVp z#M3)p-+Aa-aDpWyP|Rlvlgr!-ejPQpUKH(O@Nt*hW4G9!I@hNLWL;k>EnKs^E#v?D#KJ4}0y|6ZyzEO{tSx)L z##T}4xZqspn*S9X_mVA&?=*j~E_4j*F=Q}onbNa-ickxSW5}BcOP4TDIOSTC#JGqXZDlnKYtpud=}5I*lKp? TyQVlW;u$<${an^LB{Ts5)yaKZ literal 5836 zcmeHLeK^!v`~P|gkCs@rgv~TIi<FBnU`h;gQ%+{i%l;q zwe>_Lib&grB%!5JX7#4pXhWzrZ&yz#sprg)>Uy5*`dwYu@A&&^&eeUx)_x(Bd zxo5uf<4QkoBST9=2!f2bKAhE{7lUSRpa(u}LR6Wc`vVE)3b|ZI$N&t0rIs$F1thhd z*0gL7WNj@SNC))kpnVBswT-%2YR%I0*+90MmUDq@KW(E8WRjLPWCZ$sppk)W4*FxD zq1&eRItOI+%Ruv90$|n1?|N@8ZzYC|ClT=!I#^F6Q<+3MlT5}C$xI@HNn-$Ot-|*n zsgZKS8LbOe4cmXZ-4#O8hNwv_q9R#L2f3mq4n|7)ry^8zRfoexsW8i zmy_^fLBcRp6fWF*^DBL7m(%r2X$4o0XEX+-5jTmiU@(-ng1p1#%hp8Xv<;A0(?j+#}Ptq|SS8%XIfSbWKGlrdVso%c;@-(S}DURk;Iw;psAJ@0Hex9G~lv(pzEJ#8n z8W5}q<}GLPB_cd5kVGPQrAVqiF^J`=l*0TNM1hG!qEIm#J6zX*#h?NSD-JG68@HQNS3bC{`?ID%n^KE)&RVH35s!m?&b{*kF)I z9ugUXq2j4{BFzV7nRo zkF4Ltt}zByJRXxH;m4^r<#O0qwZBY(gpUfC8c|54Fd}Ju5)P(QX*ep8LB+vTG6m-Z zQ|UAYk;LFr86QA##c~BK<|Aq-0FFlij)2H#Py|i_9ECx4#!;z!B9871Be+PIN+Am) zodq-};Rg^aWGKi=IQB!Y)KCHdMWN7zLJC61F&IuTj>;EC0w{n-FhMYYSXiB>09m64u`oSk2&|CE z0wj`HHg=}$&P?;bbrQe|m;);iu-i-_4tQ6H7psM-xYTewi2xNQ{$JMW%Y$J7dvN4F zs2uE{s8LPbD1T)A)M#oLi)yYC2BWzYOqf3vf*g)V1R6g9*3=X~8Wu+(pn6QF>pMOA z-%^1_adKjSY@!ljB901E`8YbsiHM7&6A>az<5Ma0DZXdWZ`;riisE-E_h9lB(WU`tt5|K%wO%q0#4w#^>8Sf%y5&nY{md4bTgJ~A6WtN5 z9XBA|r>Aaqp=C=8{>+IcC9`}lw3zI3aXR#qH>X>|vGzQWq$-ZGa#v zHb+odm8?>!fcli^$>@?y_YEow9bX3s8eaS7=}j3Y!YkPd$KvmvWStHV505>7W*t0H z+V27>$)g3LKkvRtsy{6&?~KX%CSO<^mbBrS<+|F~BJrS2!nrv`4~*0Qdg`@q@sEXG zX(yL7TIg(RZnVVDwHxTK_SLc19j|lx=kd9z#`9YP9A;%0WJFJFm<5%-4C%ZT9d3aE zf2`OXX%J&OZ_BHTqveT{jxJ1Pg?_&sO_do@JY+d$`r_rwM~fypJA+ixt>|}Jo3&1M zZn?HDdyi>CnRULqHMB|lPBicOch{*Wy2R{PY{$~P&1^@dcN#mKe&h5m3byA+(!Wf4 zoc=Lq#b}Sc$)RQJ>RR+5>&ixIPey5_qbi+$sP^gPBs(h+HZV36X&*3kHd^nyu)O=1 zZG$qXLnYtU(Q>LevCFmy7gmWLudf<+j_A7Q04UVnd!)**ak$p6$EEj&>lQjKZnN+A zx&$S&?C#6a@zjgkG9c5Z!LNTgv}36a_9TB#Hp@9Ua43FhhqN}sD#Z9o#>B>q&@bxy z=3;ks+@obbTY7VKBI+A>)Vu#uFslB*@1kS4KYG3oqYb(>DV~&z}@M9*v zznHP0oqu=-J$^E;%{vOqn-h?y2O0RZuWwx)m;UPE`6n4koEXvWiey^Lm6b1By39fY zu^1?OPQ+EV#LK^-X7UdCvU?_DdpW832kEBjnnme*PIia}=3mUT6*;VF+Bq@gu!H*j zUi*y}j#(6W1>UCF%^p5cuzgRu$D&mmPd{{!3RZ1yyj`)2Xi-N>%#43&zkKmr{Y^iV z4m5U#ZK-wKp=f(CULCNImF~V8yX!*s#gt1#7FTy{e7^4p>+PWvCGbOP%e*VRlK5-$ zGk3M9+-y6F3H$4gthBm(-pa-UBBh@-cwR6@>{Pftn#omzqWIo8TByg}a?9DFOb* zIi!kFz3+5EY`)|V61Kb2?oo2$v0wLJxl=o@s`BTcvcQHzGG=0m%e^r6CDo$4OH#|e z`okc#I(ozHB;(ou_RYj6%T97#~tGm?v)PJj4t-Aw#VEj8pZ??Oq+8eOmz*Dn-+0v{Y`xzGT|sqY&9K;gS*T!W={jer1J7pZ z@Q9Q2Qg7qQv<;O*IV_9a{pYFI?9Mv77>~3*VWg3>YL^%M8eL=IAGGj6{f_X3cfU34 z5O?^n+;s-TDWsf6Gb0y{N8`e#@0H$q+GDOp3E7N6`@Sc-`ZIwIn%PT?NqKnFZeSgk2Kc+3+x&0jGqi&M