kaboom
kaboom copied to clipboard
Outline missing corners
Version
v2000.2.9
What browsers are you seeing the problem on?
Chrome
What happened?
I created a simple rectangle with the same background as the game background (to look divisible), and added a white outline.
First, it just looked like rounded corners because the outline was too slim, but by increasing the size I noticed the corners are not rendered:
What's the expected behavior?
Filled corners. If possible, a cool feature would be allowing rounding these corners (by making arc).
Minimum reproducable code
const g = kaboom({ background: [19, 13, 33] });
const w = g.width();
const h = g.height();
add([
pos(w / 2, h / 2),
rect(100, 100),
outline(20, g.Color.fromArray([255, 255, 255])),
area(),
g.origin('center'),
color(19, 13, 33)
]);
Live demo
No response