kaboom icon indicating copy to clipboard operation
kaboom copied to clipboard

Outline missing corners

Open Meldiron opened this issue 3 years ago • 0 comments

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:

CleanShot 2022-06-26 at 21 33 04@2x

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

Meldiron avatar Jun 26 '22 19:06 Meldiron