mirrors/breakout71
1
0
Fork 0
mirror of https://gitlab.com/lecarore/breakout71.git synced 2025-04-25 14:36:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Automatic deploy 29017191

Browse source
This commit is contained in:
Renan LE CARO 2025-03-03 20:51:08 +01:00
parent 3ab3dc8c45
commit 7f001fb168
5 changed files with 41 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

34
app/src/main/assets/game.js
View file

@ -22,7 +22,7 @@ const randomPatterns=[
]
let attributed=0
allLevels.forEach(l => {
if (!l.color && !l.svg) {
if (!l.color && !l.svg) {
l.svg = randomPatterns[attributed%randomPatterns.length]
attributed++
}
@ -2227,16 +2227,18 @@ function drawBrick(ctx, color, borderColor, x, y) {
const can = document.createElement("canvas");
can.width = width;
can.height = height;
const bord = 4;
const bord = 2;
const cornerRadius= 2
const canctx = can.getContext("2d");
canctx.fillStyle = color;
canctx.fillRect(bord, bord, width - bord * 2, height - bord * 2);
canctx.strokeStyle = borderColor;
canctx.lineJoin = "round";
canctx.lineWidth = bord
canctx.strokeRect(bord / 2, bord / 2, width - bord, height - bord);
roundRect(canctx,bord/2,bord/2, width-bord ,height-bord, cornerRadius)
canctx.fill();
canctx.stroke();
cachedGraphics[key] = can;
}
@ -2244,6 +2246,26 @@ function drawBrick(ctx, color, borderColor, x, y) {
// It's not easy to have a 1px gap between bricks without antialiasing
}
function roundRect(
ctx,
x,
y,
width,
height,
radius ){
ctx.beginPath();
ctx.moveTo(x + radius, y);
ctx.lineTo(x + width - radius, y);
ctx.quadraticCurveTo(x + width, y, x + width, y + radius);
ctx.lineTo(x + width, y + height - radius);
ctx.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
ctx.lineTo(x + radius, y + height);
ctx.quadraticCurveTo(x, y + height, x, y + height - radius);
ctx.lineTo(x, y + radius);
ctx.quadraticCurveTo(x, y, x + radius, y);
ctx.closePath();
}
function drawRedSquare(ctx, x, y, width, height) {
ctx.fillStyle = 'red'
ctx.fillRect(x, y, width, height);
@ -2675,7 +2697,7 @@ const options = {
disabled: () => false
},
pointerLock: {
default: false, name: `Pointer lock`,
default: false, name: `Mouse pointer lock`,
help: `Locks and hides the mouse cursor.`,
disabled: () => !canvas.requestPointerLock
},