View Issue Details

Jump to NotesJump to History
IDProjectCategoryView StatusDate SubmittedLast Update
0000857NoesisGUIUnity3Dpublic2016-04-04 04:162018-11-21 13:16
ReporterScherub Assigned Tojsantos  
PrioritynormalSeveritymajorReproducibilityalways
Status feedbackResolutionopen 
Summary0000857: Path seems to ignore the containers it is in
DescriptionHi,

I've created a path looking like circular rays that I'm rotating around its center. Unfortunately the path doesn't behave the same as it does in WPF.

I'll just upload two screenshots, one from WPF where I can change the angle and it works as expected and one using NoesisGUI where it behaves a bit odd. The screenshots are probably more self-explaining than when I would try to describe it. :) If not, just ask and I'll try to explain it or provide you a video.

I've starting doing this animation using an image and it works there as expected. Unfortunately it's a bit more involved when changing the color of an image and changing the opacity is also not the best thing to do.

I hope we can fix this issue or at least find a workaround this week as I'm planning to release the game next week.
Steps To Reproduce<Grid Grid.Column="2" Grid.Row="2">
    <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
        <Path x:Name="CircularRays1" Stretch="UniformToFill" Stroke="#3FF7941D" StrokeThickness="500" StrokeDashArray="0.12 0.12" RenderTransformOrigin="0.5,0.5"
            Data="M750,500 C750,638 638,750 500,750 362,750 250,638 250,500 250,362 362,250 500,250 638,250 750,362 750,500z">
            <Path.RenderTransform>
                <RotateTransform />
            </Path.RenderTransform>
        </Path>
    </StackPanel>
</Grid>
TagsNo tags attached.
PlatformAny

Activities

Scherub

Scherub

2016-04-04 04:18

reporter  

Circular Rays - WPF.jpg (36,384 bytes)   
Circular Rays - WPF.jpg (36,384 bytes)   
Scherub

Scherub

2016-04-04 04:18

reporter  

Circular Rays - NoesisGUI.jpg (32,403 bytes)   
Circular Rays - NoesisGUI.jpg (32,403 bytes)   
Scherub

Scherub

2016-04-04 04:19

reporter   ~0003705

Oh, I should also mention that the path is cut off for some reason.
sfernandez

sfernandez

2016-04-04 14:06

manager   ~0003708

It seems there are problems with the tessellation of the dash when dealing with this situation where dash vertices are touching or even crossing in the center.

You should be able to create the same geometry using solid sections of a ellipse instead of the dash property as a workaround while we solve this problem. I can help you with this if you need it.
Scherub

Scherub

2016-04-04 14:57

reporter   ~0003709

Well, since you seem to know how to create the same geometry in a different way it will probably be faster if you show me the way. :)
sfernandez

sfernandez

2016-04-04 15:03

manager   ~0003710

Please indicate which size do you need for the Ellipse, and the degrees I should assign to each section and hole, to get the desired effect. I will attach here the corresponding xaml code.
Scherub

Scherub

2016-04-04 15:21

reporter   ~0003711

Well, in the end the size should be 'flexible' but if you take a width/height of 1000 it should be fine. And if you use 20 degree for each section and hole you should end up with less sections than in above picture but that should be okay.
sfernandez

sfernandez

2016-04-04 16:16

manager   ~0003712

Here you have a Path with several figures that is equivalent to the first one:

<Path Data="M500.00003,500.04046 L1000,500.04046 C1000,530.24354 997.32205,559.82113 992.19058,588.54876 L990.66678,596.50214 989.07382,603.99631 z M500.00003,500.04046 L956.77276,703.40878 C944.48806,731.00067 930.01131,756.93191 913.6389,781.08874 L909.01191,787.73474 904.50852,793.93308 z M500.00003,500.04046 L834.56533,871.61287 C812.12007,891.82268 788.34772,909.62382 763.56531,925.03293 L756.63517,929.22238 750.00002,933.05315 z M500.00003,500.04046 L654.50853,975.56872 C625.78369,984.90198 596.82619,991.49505 567.91888,995.49206 L559.88388,996.50057 552.26425,997.3014 z M500.00003,500.04046 L447.7358,997.3014 C417.69817,994.14432 388.56253,988.38931 360.52867,980.2831 L352.77813,977.93629 345.49153,975.5687 z M500.00003,500.04046 L250.00003,933.05316 C223.8434,917.95162 199.56744,900.84362 177.25432,882.03583 L171.12839,876.73949 165.43473,871.61286 z M500.00003,500.04046 L95.491533,793.93308 C77.738608,769.49828 62.519866,743.99542 49.785639,717.73809 L46.343537,710.408 43.227307,703.40877 z M500.00003,500.04046 L10.92623,603.9963 C4.6466567,574.45323 1.1165886,544.9652 0.16311504,515.79845 L1.4841479E-05,507.70205 3.9703392E-05,500.04045 z M500.00003,500.04046 L10.92623,396.08461 C17.205804,366.54154 25.974791,338.16707 36.966935,311.13411 L40.111038,303.67134 43.227313,296.67213 z M500.00003,500.04046 L95.491533,206.14783 C113.24446,181.71303 132.79626,159.35833 153.83338,139.13339 L159.74105,133.59464 165.43474,128.46805 z M500.00003,500.04046 L250.00003,67.027755 C276.15667,51.926215 303.1106,39.456616 330.55519,29.536788 L338.20492,26.879746 345.49154,24.512206 z M500.00003,500.04046 L447.7358,2.7795095 C477.77342,-0.37757206 507.46891,-0.80596287 536.57555,1.2945421 L544.64464,1.9786396 552.26427,2.7795193 z M500.00003,500.04046 L654.50853,24.512199 C683.23336,33.845464 710.53579,45.532354 736.27167,59.289996 L743.36491,63.196946 750.00003,67.027767 z M500.00003,500.04046 L834.56533,128.46804 C857.0106,148.67785 877.19911,170.45925 895.11428,193.49521 L900.00517,199.94946 904.50852,206.14784 z M500.00003,500.04046 L956.77276,296.67214 C969.05746,324.26402 978.64129,352.37373 985.63804,380.70488 L987.48091,388.59044 989.07382,396.08462 z" Fill="#FFFF9700" RenderTransformOrigin="0.5,0.5"/>
Scherub

Scherub

2016-04-04 16:56

reporter   ~0003713

Ah, excellent! That one works as expected. Thanks a lot! :)

What did you use to create it? Illustrator?
sfernandez

sfernandez

2016-04-04 17:18

manager   ~0003714

I used Blend, started with an Ellipse and then used Rectangles to "Substract" the required portions until I had the desired arc section. Then I copied the section N times applying the corresponding rotation to each section. Finally I selected all the paths and "Make Compound Path".

It's a bit tricky but I used that kind of path operations often to create more complex geometries.
Scherub

Scherub

2016-04-05 10:03

reporter   ~0003720

Thanks for explaining it. I will give it a try with the next path I have to create. :)
jsantos

jsantos

2017-04-26 02:32

manager   ~0004592

What's the status of this? Can we close it?

Thanks!

Issue History

Date Modified Username Field Change
2016-04-04 04:16 Scherub New Issue
2016-04-04 04:18 Scherub File Added: Circular Rays - WPF.jpg
2016-04-04 04:18 Scherub File Added: Circular Rays - NoesisGUI.jpg
2016-04-04 04:19 Scherub Note Added: 0003705
2016-04-04 14:06 sfernandez Note Added: 0003708
2016-04-04 14:06 sfernandez Assigned To => sfernandez
2016-04-04 14:06 sfernandez Status new => feedback
2016-04-04 14:07 sfernandez Assigned To sfernandez => jsantos
2016-04-04 14:07 sfernandez Status feedback => assigned
2016-04-04 14:57 Scherub Note Added: 0003709
2016-04-04 15:03 sfernandez Note Added: 0003710
2016-04-04 15:03 sfernandez Status assigned => feedback
2016-04-04 15:21 Scherub Note Added: 0003711
2016-04-04 15:21 Scherub Status feedback => assigned
2016-04-04 16:16 sfernandez Note Added: 0003712
2016-04-04 16:16 sfernandez Status assigned => feedback
2016-04-04 16:56 Scherub Note Added: 0003713
2016-04-04 16:56 Scherub Status feedback => assigned
2016-04-04 17:18 sfernandez Note Added: 0003714
2016-04-04 17:18 sfernandez Status assigned => feedback
2016-04-05 10:03 Scherub Note Added: 0003720
2016-04-05 10:03 Scherub Status feedback => assigned
2017-04-26 02:32 jsantos Status assigned => feedback
2017-04-26 02:32 jsantos Note Added: 0004592
2018-11-01 02:14 jsantos View Status public => private
2018-11-20 19:50 jsantos Target Version => 3.0
2018-11-20 19:50 jsantos View Status private => public
2018-11-20 19:50 jsantos Platform => Any
2018-11-21 13:16 jsantos Target Version 3.0 =>