<div dir="ltr">Yes, I love it! I think I was taught the wrong meaning of the word "oval" in grade school and never learned the correct definition despite having a B.S. in Math. ;-)<div>Stadium it is!</div><div><br></div><div>Let me know when your version is pushed and I'll change my Switch morph to use the stadium method.</div></div><br><div class="gmail_quote gmail_quote_container"><div dir="ltr" class="gmail_attr">On Wed, Mar 5, 2025 at 3:14 PM Juan Vuletich <<a href="mailto:juan@cuis.st">juan@cuis.st</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-style:solid;border-left-color:rgb(204,204,204);padding-left:1ex"><u></u>
<div bgcolor="#ffffff">
Hi Mark,<br>
<br>
I expected more what <a href="https://en.wikipedia.org/wiki/Oval" target="_blank">https://en.wikipedia.org/wiki/Oval</a> describes as
a "technical drawing oval". This could perhaps be called a
'Stadium'. Additionally, in VectorCanvas, coordinates describe the
points that the pen goes through, not a rectangle where the figure
is contained.<br>
<br>
I suggest this:<br>
<br>
stadium: aRectangle<br>
"<br>
| r |<br>
r := 500@150 extent: 100@250.<br>
(VectorCanvas onForm: Display)<br>
strokeWidth: 2.0 color: Color red do: [ :canvas |<br>
canvas stadium: r ].<br>
(VectorCanvas onForm: Display)<br>
geometryTransformation: (AffineTransformation withRadians: 1
scale: 1.2 position: 200@100);<br>
strokeWidth: 2.0 color: Color red do: [ :canvas |<br>
canvas<br>
stadium: r ].<br>
Display forceToScreen<br>
"<br>
| height p1 p2 p3 p4 radius width x1 x2 y1 y2 |<br>
width := aRectangle width.<br>
height := aRectangle height.<br>
radius := (width min: height) / 2.<br>
height < width<br>
ifTrue: [<br>
x1 := aRectangle left + radius.<br>
x2 := aRectangle right - radius.<br>
y1 := aRectangle top.<br>
y2 := aRectangle bottom.<br>
p1 := x1 @ y1.<br>
p2 := x2 @ y1.<br>
p3 := x2 @ y2.<br>
p4 := x1 @ y2 ]<br>
ifFalse: [<br>
x1 := aRectangle left.<br>
x2 := aRectangle right.<br>
y1 := aRectangle top + radius.<br>
y2 := aRectangle bottom - radius.<br>
p1 := x1 @ y2.<br>
p2 := x1 @ y1.<br>
p3 := x2 @ y1.<br>
p4 := x2 @ y2].<br>
self<br>
moveTo: p1;<br>
lineTo: p2;<br>
arcTo: p3 radius: radius angleOfXAxis: 0 largeFlag: false
sweepFlag: true;<br>
lineTo: p4;<br>
arcTo: p1 radius: radius angleOfXAxis: 0 largeFlag: false
sweepFlag: true.<br>
<br>
Would this work?<br>
<br>
On 3/5/2025 4:19 PM, Mark Volkmann via Cuis-dev wrote:
<blockquote type="cite">
<div dir="ltr">
<div dir="ltr">
<div>Below is the <font face="monospace">AbstractVectorCanvas</font>
method I mentioned in the meetup today for drawing an oval.
Here is an example of using it from a <font face="monospace">drawOn:</font> method of a morph. See the
TODO comment below related to getting the stroke width. I'm
open to suggestions for improving this.</div>
<div><br>
</div>
<div><font face="monospace">aCanvas strokeWidth: 5 color:
Color red fillColor: Color yellow do: [<br>
aCanvas drawOval: rect strokeWidth: 5.<br>
].</font><br>
</div>
<div><br>
</div>
<div>---</div>
<div><br>
</div>
<div><font face="monospace">drawOval: aRect strokeWidth:
aStrokeWidth<br>
| diameter halfStrokeWidth height p1 p2 p3 p4<br>
radius strokeWidth width x1 x2 y1 y2 |<br>
<br>
width := aRect width.<br>
height := aRect height.<br>
<br>
</font><span style="font-family:monospace"> <span> </span></span><font face="monospace">"TODO: Why does this give the wrong
value?"<br>
</font><span style="font-family:monospace"> <span> </span></span><font face="monospace">"strokeWidth := engine strokeWidth."<br>
</font><span style="font-family:monospace"> <span> </span></span><font face="monospace">strokeWidth := aStrokeWidth.<br>
</font><span style="font-family:monospace"> <span> </span></span><font face="monospace">halfStrokeWidth := strokeWidth / 2.<br>
</font><span style="font-family:monospace"> <span> </span></span><font face="monospace">diameter := (height min: width) -
strokeWidth.<br>
</font><span style="font-family:monospace"> <span> </span></span><font face="monospace">radius := diameter / 2.<br>
<br>
</font><span style="font-family:monospace"> <span> </span></span><font face="monospace">height < width<br>
</font><span style="font-family:monospace"> <span> </span></span><font face="monospace">ifTrue: [<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><span style="font-family:monospace">x1 := halfStrokeWidth +
radius.</span></div>
<div><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">x2 := width - x1.<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">y1 := halfStrokeWidth.<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">y2 := height - y1.<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">p1 := x1 @ y1.<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">p2 := x2 @ y1.<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">p3 := x2 @ y2.<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><span style="font-family:monospace">p4 := x1 @ y2.</span></div>
<div><span style="font-family:monospace"> <span> </span></span><font face="monospace">]<br>
</font><span style="font-family:monospace"> <span> </span></span><font face="monospace">ifFalse: [<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">x1 := halfStrokeWidth.<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">y1 := halfStrokeWidth + radius.<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">x2 := width - x1.<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">y2 := height - y1.<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">p1 := x1 @ y2.<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">p2 := x1 @ y1.<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">p3 := x2 @ y1.<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">p4 := x2 @ y2.<br>
</font><span style="font-family:monospace"> <span> </span></span><font face="monospace">].<br>
<br>
</font><span style="font-family:monospace"> <span> </span></span><font face="monospace">self<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">moveTo: p1;<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">lineTo: p2;<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">arcTo: p3 radius: radius angleOfXAxis: 0
largeFlag: false sweepFlag: true;<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">lineTo: p4;<br>
</font><span style="font-family:monospace"> <span> </span></span><span style="font-family:monospace"> </span><span style="font-family:monospace"> </span><font face="monospace">arcTo: p1 radius: radius angleOfXAxis: 0
largeFlag: false sweepFlag: true.</font><br>
</div>
<div><br>
</div>
<span class="gmail_signature_prefix">-- </span><br>
<div dir="ltr" class="gmail_signature">
<div dir="ltr">
<div>
<div dir="ltr">
<div>
<div dir="ltr">
<div dir="ltr">
<div><font face="arial, helvetica, sans-serif">R.
Mark Volkmann</font></div>
<div><span style="font-size:12.8px"><font face="arial, helvetica, sans-serif">Object
Computing, Inc.</font></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</blockquote>
<br>
<br>
<pre cols="72">--
Juan Vuletich
<a href="http://cuis.st" target="_blank">cuis.st</a>
<a href="http://github.com/jvuletich" target="_blank">github.com/jvuletich</a>
<a href="http://researchgate.net/profile/Juan-Vuletich" target="_blank">researchgate.net/profile/Juan-Vuletich</a>
<a href="http://independent.academia.edu/JuanVuletich" target="_blank">independent.academia.edu/JuanVuletich</a>
<a href="http://patents.justia.com/inventor/juan-manuel-vuletich" target="_blank">patents.justia.com/inventor/juan-manuel-vuletich</a>
<a href="http://linkedin.com/in/juan-vuletich-75611b3" target="_blank">linkedin.com/in/juan-vuletich-75611b3</a>
<a href="http://twitter.com/JuanVuletich" target="_blank">twitter.com/JuanVuletich</a></pre>
</div>
</blockquote></div><div><br clear="all"></div><div><br></div><span class="gmail_signature_prefix">-- </span><br><div dir="ltr" class="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div dir="ltr"><div><font face="arial, helvetica, sans-serif">R. Mark Volkmann</font></div><div><span style="font-size:12.8px"><font face="arial, helvetica, sans-serif">Object Computing, Inc.</font></span></div></div></div></div></div></div></div></div>