Rounded Lines

Code

const rounded = new headbreaker.Canvas('rounded-canvas', {
  width: 500, height: 300,
  pieceSize: 50,
  outline: new headbreaker.outline.Rounded()
});
rounded.sketchPiece({
  structure: { right: headbreaker.Tab, down: headbreaker.Tab, left: headbreaker.Slot },
  metadata: { id: 'a', currentPosition: { x: 50, y: 50 }, color: '#B87D32' }
});
// ... more pieces ...
rounded.draw();

Demo