<div dir="ltr"><br><div class="gmail_extra"><br><br><div class="gmail_quote">On 28 November 2013 13:52, kilon alios <span dir="ltr"><<a href="mailto:kilon.alios@gmail.com" target="_blank">kilon.alios@gmail.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">thats all I got I am afraid right now. A simple editing of a straight line, but I am learning athens, roassal, morphic so it takes time. Its my first with everything and my very first project with pharo. I am not aiming for something super sophisticated, bezier lines, gradients, bitmaps etc simple stuff but I am having so much fun with this project I wont give up until I have it finished. :) </div>
<div class="HOEnZb"><div class="h5">
<div class="gmail_extra"><br></div></div></div></blockquote><div><br></div><div>btw, if you want, i got somewhere code for Bezier curve editing (in morphic)..<br></div><div>it is not fully working, but at least something you can look at:<br>
</div><div> - if i remember you can add control points and move them around.<br></div><div><br></div><div> <br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div class="HOEnZb">
<div class="h5"><div class="gmail_extra"><br><div class="gmail_quote">On Thu, Nov 28, 2013 at 2:30 PM, Alexandre Bergel <span dir="ltr"><<a href="mailto:alexandre.bergel@me.com" target="_blank">alexandre.bergel@me.com</a>></span> wrote:<br>

<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Do you have  more screenshots of Hyperion?<br>
<span><font color="#888888"><br>
Alexandre<br>
--<br>
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:<br>
Alexandre Bergel  <a href="http://www.bergel.eu" target="_blank">http://www.bergel.eu</a><br>
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.<br>
</font></span><div><div><br>
<br>
<br>
On Nov 28, 2013, at 7:49 AM, kilon alios <<a href="mailto:kilon.alios@gmail.com" target="_blank">kilon.alios@gmail.com</a>> wrote:<br>
<br>
> Ok I have verified and indeed its not an Athens problem. My bad. The position of the morph is reported at 5@30 and the not the correct 0@0. So it looks like Morphic for some strange reason it offsets it.<br>
><br>
> I knew about translateBy but I did not know about restoreAfter. so thank you.<br>
><br>
> I prefer my version of the code because it makes clearer what I am trying to do. However ideally because I am drawing a box inside another box the best way would be to follow your approach and scale the second box using one shape instead of two I am currently doing. But thats the price I am paying from not knowing exactly how to do this.<br>


><br>
> Also trying to painstakingly find the correct transform and scale values requires A LOT of testing . This is why I find a vector editor for Athens and Pharo absolutely essential. No coding can beat designing via mouse.<br>


><br>
> On the other hand I could use Inkscape and import the svg to Athens , which what I am about to research. Designing all GUI elements by code is a very bad idea, but no less a learning experience.<br>
><br>
> I will most probably move to Roassal too.<br>
><br>
> As always thanks for the help.<br>
><br>
><br>
> On Thu, Nov 28, 2013 at 12:29 PM, Igor Stasenko <<a href="mailto:siguctua@gmail.com" target="_blank">siguctua@gmail.com</a>> wrote:<br>
> well, by default the athens canvas coordinate system matches morphic one..<br>
> but you know, it always hard to be sure, especially if you perform any local coordinate transformations before that morph has any chance to draw itself..<br>
><br>
> You can figure this out easily: draw something at 0@0 and see where it is.<br>
> then draw something at morph's x@y position and see it too.<br>
><br>
> btw, you know you don't have to create same paths over and over.<br>
> you can easily put static parts out of regularly (and costly) evaluated code:<br>
><br>
> shape := canvas cacheAt: self "morph" ifAbsentPut: [<br>
>                 aCanvas createPath: [:path |<br>
>               path relative.<br>
> " no move-to here ***  path moveTo: ((self position x )+5)@(self position y);"<br>
>               lineTo: 20@0;<br>
>               cwArcTo: 5@5 angle: 45;<br>
>               lineTo: 0@20;<br>
>               cwArcTo: (-5)@5 angle: 45;<br>
>               lineTo: (-20)@0;<br>
>               cwArcTo: (-5)@(-5) angle: 45;<br>
>               lineTo: 0@(-20);<br>
>               cwArcTo: 5@(-5) angle: 45.<br>
>                 ].<br>
> ].<br>
><br>
> "and here we're using coordinate transform to translate origin point to<br>
> given position, so it will be the starting point (0@0) of our shape"<br>
><br>
> canvas pathTransform restoreAfter: [<br>
>    canvas pathTransform translateBy:((self position x )+5)@(self position y).<br>
>    canvas drawShape: shape.<br>
> ]<br>
><br>
> by analogy you can cache all static pieces, just do something:<br>
><br>
> shapes := canvas cacheAt: self ifAbsentPut: [ self constructStaticShapesOn: aCanvas ]<br>
><br>
> where #constructStaticShapesOn: must answer an array of them.<br>
><br>
><br>
> On 28 November 2013 11:12, kilon alios <<a href="mailto:kilon.alios@gmail.com" target="_blank">kilon.alios@gmail.com</a>> wrote:<br>
> wow you guys are fast at replying :)<br>
><br>
> I did<br>
><br>
><br>
>       self changeProportionalLayout.<br>
>       editButton := HypEditButton new .<br>
>       editButton position: 0@0.<br>
>       self addMorph: editButton fullFrame: #(0 0 0 0 0 0 100 100).<br>
><br>
> I am afraid Igor I still see no change with your code.<br>
><br>
> I like to note here, that when I first created the editButton as morph , it indeed placed it in correct place. A 0@0 placed it in top left corner as expected. But I did overide its DrawOn:  with an empty method and used my own method to render it with Athens. So it looks like the problem is Athens related and not Morphic related or maybe a disagreement between Morphic and Athens.<br>


><br>
> just for the record here is the code I use to render the HypEditButton morph<br>
><br>
> render:aCanvas<br>
>       |shape1 shape2 shape3 editButtonColor |<br>
> shape1 := aCanvas createPath: [:path |<br>
>               path relative .<br>
><br>
>               path moveTo: ((self position x )+5)@(self position y);<br>
>               lineTo: 20@0;<br>
>               cwArcTo: 5@5 angle: 45;<br>
>               lineTo: 0@20;<br>
>               cwArcTo: (-5)@5 angle: 45;<br>
>               lineTo: (-20)@0;<br>
>               cwArcTo: (-5)@(-5) angle: 45;<br>
>               lineTo: 0@(-20);<br>
>               cwArcTo: 5@(-5) angle: 45.<br>
>                 ].<br>
><br>
>       shape2 := aCanvas createPath: [:path |<br>
>               path relative .<br>
><br>
>               path moveTo: ((self position x +7))@((self position y +3));<br>
>               lineTo: 18@0;<br>
>               cwArcTo: 2@2 angle: 45;<br>
>               lineTo: 0@20;<br>
>               cwArcTo: (-2)@2 angle: 45;<br>
>          lineTo: (-20)@0;<br>
>               cwArcTo: (-2)@(-2) angle: 45;<br>
>               lineTo: 0@(-20);<br>
>               cwArcTo: 4@(-2) angle: 45.<br>
>                 ].<br>
>       shape3 := aCanvas createPath: [:path |<br>
>               path relative .<br>
><br>
>               path moveTo: ((self position x +15))@((self position y +10));<br>
><br>
>               cwArcTo: 5@5 angle: 90;<br>
>               cwArcTo: (-5)@5 angle: 90;<br>
>               cwArcTo: (-5)@(-5) angle: 90;<br>
>               cwArcTo: 5@(-5) angle: 90.<br>
><br>
><br>
>                 ].<br>
><br>
> ( editMode = true) ifTrue: [ editButtonColor := Color green] ifFalse: [ editButtonColor := Color red ].<br>
> (aCanvas setStrokePaint: editButtonColor) width: 1.<br>
><br>
> aCanvas drawShape: shape1 .<br>
> aCanvas drawShape: shape2.<br>
> aCanvas setPaint: (editButtonColor alpha: 0.3 ).<br>
> aCanvas drawShape: shape3.<br>
><br>
><br>
><br>
><br>
><br>
><br>
> On Thu, Nov 28, 2013 at 12:03 PM, Igor Stasenko <<a href="mailto:siguctua@gmail.com" target="_blank">siguctua@gmail.com</a>> wrote:<br>
><br>
><br>
><br>
> On 28 November 2013 10:59, kilon alios <<a href="mailto:kilon.alios@gmail.com" target="_blank">kilon.alios@gmail.com</a>> wrote:<br>
> just tried it, I see no change<br>
><br>
> try:<br>
>  self changeProportionalLayout<br>
><br>
> editButton := HypEditButton new .<br>
>       self addMorph: editButton fullFrame: #(0 0 0 0 0 0 100 100).<br>
><br>
><br>
> On Thu, Nov 28, 2013 at 11:54 AM, Benjamin <<a href="mailto:Benjamin.VanRyseghem.Pharo@gmail.com" target="_blank">Benjamin.VanRyseghem.Pharo@gmail.com</a>> wrote:<br>
> Can you try to do something like<br>
><br>
> self changeProportionalLayout<br>
> before adding the morph ?<br>
><br>
> Ben<br>
><br>
> On 28 Nov 2013, at 10:51, kilon alios <<a href="mailto:kilon.alios@gmail.com" target="_blank">kilon.alios@gmail.com</a>> wrote:<br>
><br>
>> So I have found some strange problems with my vector editor , Hyperion.<br>
>><br>
>> Hyperion is a Morph openInWindow. Code can be found in the class side of Hyperion>>open.<br>
>><br>
>>  The coordinate system when detecting events (mouseOver, mouseUp and mouseDown events of the Hyperion instance) looks like it takes to account also beyond the morph as coordinates as a result events happening at the top right edge of the morph where Hyperion is rendered is 6@30( which is the size of the window's title bar plus its borders). Thats ok, I have taken these offsets to account when computing the position of the mouse. I guess it uses the global coordinated and not the local coordinates of the morph.<br>


>><br>
>> I am adding a button to control the edit mode of a line, when in edit mode handles for line's control points are shown and those handles can be dragged around to control the shape of the line , when off edit mode, the line will be able to be drag around (not implemented yet).<br>


>><br>
>> My problem is that when I add that button as morph to the existing morph of Hyperion in 0@0 , it actually appears in 0@30 in local coordinated of the Hyperion moprh which in global coordinates it 6@60 ( 0@0 + 6@30 + 0@30 = 6@60). Why is that ?<br>


>><br>
>> I have no clue why I am getting an offset of 0@30 in local coordinates of the Hyperion morph.<br>
>><br>
>> here is the picture showing a) how it looks like b) the code that set the position c) transcript showing mouse coordinates when clicked in the top left corner of Hyperion morph<br>
</div></div><div><div>>>  Hyperion coordinates problem.JPG<br>
>><br>
>> if anyone wants to try the code himself the repo is here<br>
>><br>
>> <a href="http://www.smalltalkhub.com/#!/~kilon/Hyperion" target="_blank">http://www.smalltalkhub.com/#!/~kilon/Hyperion</a><br>
>><br>
>> To sum up, to place that button on top left, I will have to position it 0@(-30) which for me makes no sense at all.<br>
>><br>
>> Please note that everything is rendered with Athens.<br>
>><br>
>> Maybe I have messed up the code myself somewhere but I have looked it again and again I cant find a problem with my code.<br>
><br>
><br>
><br>
><br>
><br>
> --<br>
> Best regards,<br>
> Igor Stasenko.<br>
><br>
><br>
><br>
><br>
> --<br>
> Best regards,<br>
> Igor Stasenko.<br>
><br>
<br>
<br>
</div></div></blockquote></div><br></div>
</div></div></blockquote></div><br><br clear="all"><br>-- <br>Best regards,<br>Igor Stasenko.
</div></div>