<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
        {font-family:"Cambria Math";
        panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
        {font-family:Calibri;
        panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0in;
        margin-bottom:.0001pt;
        font-size:11.0pt;
        font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
        {mso-style-priority:99;
        color:blue;
        text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
        {mso-style-priority:99;
        color:purple;
        text-decoration:underline;}
span.EmailStyle17
        {mso-style-type:personal-compose;
        font-family:"Calibri","sans-serif";
        color:windowtext;}
.MsoChpDefault
        {mso-style-type:export-only;}
@page Section1
        {size:8.5in 11.0in;
        margin:1.0in 1.0in 1.0in 1.0in;}
div.Section1
        {page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal>If anyone has followed the dice example in Chapter 11 of Squeak
By Example you will recognize that I’m trying to build a variation of the
dice. The difference is that I am trying to draw figures on the faces
instead of dots.<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>What I am trying to do is have a group (array, set,
collection?) of “faces” on a rectangle – sort of like a child’s
building block with an image on each of the faces. I want 1 face to be blank, one
to have a line, one to have a diamond, and one to have a rectangle. In the dice
example, they draw dots on the faces but I think I can use the same logic to
draw lines on the faces.<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>I’ve pasted what I tried to the end of this post but I’m
open to other ways to do it. I can’t even get a simple line to draw
on the face of the rectangle. You can see that I tried to have the “face”
methods send a pair of points that define the ends of the line and have drawLineOn
draw a line between the points. Any help or advice will be greatly
appreciated.<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>In the dice example they use: <o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>BorderedMorph subclass: #DieMorph<o:p></o:p></p>
<p class=MsoNormal> instanceVariableNames:
'faces dieValue isStopped'<o:p></o:p></p>
<p class=MsoNormal> classVariableNames:
''<o:p></o:p></p>
<p class=MsoNormal> poolDictionaries:
''<o:p></o:p></p>
<p class=MsoNormal> category:
'SBEexamples'<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>and<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>drawOn: aCanvas<o:p></o:p></p>
<p class=MsoNormal>super drawOn: aCanvas.<o:p></o:p></p>
<p class=MsoNormal>(self perform: ('face', dieValue asString) asSymbol)<o:p></o:p></p>
<p class=MsoNormal>do: [:aPoint | self drawDotOn: aCanvas at: aPoint]<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>and<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>drawDotOn: aCanvas at: aPoint<o:p></o:p></p>
<p class=MsoNormal>aCanvas<o:p></o:p></p>
<p class=MsoNormal>fillOval: (Rectangle<o:p></o:p></p>
<p class=MsoNormal>center: self position + (self extent * aPoint)<o:p></o:p></p>
<p class=MsoNormal>extent: self extent / 6)<o:p></o:p></p>
<p class=MsoNormal>color: Color black.<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>and<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>face1<o:p></o:p></p>
<p class=MsoNormal>^{0.5@0.5}<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>And<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>face2<o:p></o:p></p>
<p class=MsoNormal>^{0.25@0.25 . 0.75@0.75}<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>I tried:<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>BorderedMorph subclass: #MyMorph<o:p></o:p></p>
<p class=MsoNormal> instanceVariableNames:
'faces dieValue isStopped'<o:p></o:p></p>
<p class=MsoNormal> classVariableNames:
''<o:p></o:p></p>
<p class=MsoNormal> poolDictionaries:
''<o:p></o:p></p>
<p class=MsoNormal> category:
'SBEexamples'<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>and<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>drawOn: aCanvas<o:p></o:p></p>
<p class=MsoNormal>super drawOn: aCanvas.<o:p></o:p></p>
<p class=MsoNormal>(self perform: ('face', dieValue asString) asSymbol)<o:p></o:p></p>
<p class=MsoNormal>do: [{:aPoint, anotherPoint} | self drawLineOn: aCanvas from:
aPoint to: anotherPoint]<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>and<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>drawLineOn: aCanvas from: aPoint to anotherPoint<o:p></o:p></p>
<p class=MsoNormal>aCanvas<o:p></o:p></p>
<p class=MsoNormal>line: aPoint to: anotherPoint width: 2 color: Color black.<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>and<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>face1<o:p></o:p></p>
<p class=MsoNormal>^{{2@2, 2@10}, {2@2, 10@2}, {10@10, 2@10}, {10@10, 10@2}}<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>And<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>face2<o:p></o:p></p>
<p class=MsoNormal>^{{5@5, 5@7}, {5@2, 7@2}, {7@7, 5@7}, {7@7, 7@5}}<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
</div>
</body>
</html>