Hey, beginner to KorGE here. I can't find out how ...

# korge

[Rachid]

Hey, beginner to KorGE here. I can't find out how do do something simple as: drawing a circle with a border. So the border should have another color than the filling.

I followed the tutorials on the website/youtube. And went through all the korge-samples. Only thing I found what looks related is fillStroke , but I have no idea how to apply this in a clean hello world where I only draw a circle...

[Rachid]

I tried this:

graphics {
		fillStroke(ColorPaint(Colors.DARKGREEN), ColorPaint(Colors.RED), Context2d.StrokeInfo(thickness = 3.0)) {
			circle(20.0).xy(200, 100).interactive()
		}
	}

but this got me a white circle without border

[Pablo Caviglia]

what about drawing two concentric circles, the outer one with a radius little bigger than the inner one ?

[Pablo Caviglia]

you can use korge's circle to draw a circle

[Pablo Caviglia]

val strokeInfo = Context2d.StrokeInfo(thickness = 4.0, pixelHinting = false)
stroke(paint, strokeInfo) {
    circle(x, y, radius)
}

[Pablo Caviglia]

for example

[Pablo Caviglia]

(that would draw just one)

[Nico]

I used this code a while ago:
``````

[Nico]

val circleWithStroke = graphics {
   fillStroke(
      ColorPaint(Colors.GREEN),
      ColorPaint(Colors.RED),
      Context2d.StrokeInfo(thickness = 3.0)
   ) {
      circle(0.0, 0.0, 10.0)
   }
}.xy(100.0, 100.0)

[Rachid]

Hm, but copy-pasting both examples doesn't compile for me. The circle function in my file refers to inline fun Container.circle

[Rachid]

That has a different signature. Any idea what causes this, I had this with other code samples as well

[Pablo Caviglia]

com/soywiz/korma/geom/vector/VectorBuilder.kt:118

[Pablo Caviglia]

the one you need is that one

[Rachid]

Ah, thnx!

[Nico]

circle//

[Pablo Caviglia]

VectorBuilder one

[Rachid]

That works, thnx!

[Pablo Caviglia]

great! np man, glad to help

[Rachid]

So actually, what I want is a border bigger than the circle itself when I "select" it. I guess in that case I can do the trick @Pablo Caviglia mentioned about the "two concentric circles"

[Pablo Caviglia]

yeah, i dont know if that's the best approach... but it's easy to understand and it works

[Pablo Caviglia]

at the end of the day it's actually drawing the circles using canvas' primitives, will not make any difference in draw a transparent hole in one of the circles... in fact that's probably costful than drawing one in top of another

[Rachid]

Do you know if it's possible to have dashed or dotten stroke?

[Pablo Caviglia]

uhmmm, let me check...

[Rachid]

I played around with StrokeInfo , but that didn't help

[Pablo Caviglia]

@Nico have you used com/soywiz/korim/vector/Context2d.strokeDot ?
not sure if that's the right direction

[Nico]

nope

[Rachid]

No, but I also don't know how to use it. Looks like that isn't it by looking at the code...