Smalltalk › Frameworks & Tools › Moose

SVG-described icons

‹ Previous Topic Next Topic ›
 
classic Classic list List threaded Threaded
♦
♦
 15 messages Options
abergel
Reply | Threaded
Open this post in threaded view
♦
♦
|

SVG-described icons

abergel
Hi!

We fixed some bugs in the way path were rendered. Path can now be scaled and answer properly to events.
You can register callbacks or other kind of interaction you wish.

Here is a screenshot:


This code is available from:  RTRoassalExample>>exampleSVGPath

Icons have been obtained from http://iconmonstr.com

Thanks Juraj of the improvement you’ve made to TRSVGPath !

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Tudor Girba-2
Reply | Threaded
Open this post in threaded view
♦
♦
|

Re: SVG-described icons

Tudor Girba-2
Very nice!

Doru


On Wed, Aug 6, 2014 at 3:46 AM, Alexandre Bergel <[hidden email]> wrote:
Hi!

We fixed some bugs in the way path were rendered. Path can now be scaled and answer properly to events.
You can register callbacks or other kind of interaction you wish.

Here is a screenshot:


This code is available from:  RTRoassalExample>>exampleSVGPath

Icons have been obtained from http://iconmonstr.com

Thanks Juraj of the improvement you’ve made to TRSVGPath !

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev




--

"Every thing has its own flow"

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Usman Bhatti
Reply | Threaded
Open this post in threaded view
♦
♦
|

Re: SVG-described icons

Usman Bhatti
In reply to this post by abergel
Cool stuff Alex.

How do I create morphic icons (embeddable in Morphs) from these SVG icons?

usman


On Wed, Aug 6, 2014 at 3:46 AM, Alexandre Bergel <[hidden email]> wrote:
Hi!

We fixed some bugs in the way path were rendered. Path can now be scaled and answer properly to events.
You can register callbacks or other kind of interaction you wish.

Here is a screenshot:


This code is available from:  RTRoassalExample>>exampleSVGPath

Icons have been obtained from http://iconmonstr.com

Thanks Juraj of the improvement you’ve made to TRSVGPath !

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev



_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
abergel
Reply | Threaded
Open this post in threaded view
♦
♦
|

Re: SVG-described icons

abergel
Hi!

This is easy. You need to create a TRMorph, plug the view in, and voila.
Here is an example:
-=-=--=-=--=-=--=-=--=-=--=-=-
| v e shape morph |
v := RTView new.
shape := RTSVGPath new path: 'M50,50.002c48.046,20.595,149.05,16.396,142.596,109.369l-36.781,37.526
C64.183,198.499,65.876,100.672,50,50.002z M236.836,314.404c46.488,35.155,202.98,145.061,202.98,145.061
c12.942,8.801,28.532-7.157,19.496-19.948c0,0-113.425-153.879-149.669-199.452c-28.634-36.068-42.95-37.333-93.729-52.295
l-33.528,34.274C198.463,272.378,200.123,286.61,236.836,314.404z M153.117,371.604l44.978-45.096
c-4.459-4.19-8.398-8.315-11.852-12.423l-45.263,45.381L153.117,371.604z M294.64,179.983l82.462-82.647l36.982,36.999
l-80.619,80.786c7.511,9.02,13.965,17.519,21.392,27.191l107.139-107.34l-84.96-84.969L261.664,165.591
C273.768,169.513,284.464,173.88,294.64,179.983z M377.672,122.197l-68.18,68.348c4.124,3.42,8.315,7.267,12.573,11.692
l67.743-67.903L377.672,122.197z M211.137,337.707l-61.792,61.927L98.214,413.8l14.149-51.147l63.117-63.268
c-6.119-10.008-10.595-20.637-14.752-32.673l-79.412,79.562L50,461.996l116.276-30.745l72.555-72.688
C221.665,346.056,221.145,345.721,211.137,337.707z'.
shape color: Color black.
shape scale: 0.1.
e := shape element.
e @ RTHighlightable.
e when: TRMouseClick do: [ self inform: 'this is your callback' ].
v add: e.
morph := TRMorph new.
morph canvas: v canvas.
morph extent: e encompassingRectangle extent.
v canvas camera focusOnCenter.

morph openInWindow.
-=-=--=-=--=-=--=-=--=-=--=-=-

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.

On Aug 7, 2014, at 7:01 AM, Usman Bhatti <[hidden email]> wrote:

Cool stuff Alex.

How do I create morphic icons (embeddable in Morphs) from these SVG icons?

usman


On Wed, Aug 6, 2014 at 3:46 AM, Alexandre Bergel <[hidden email]> wrote:
Hi!

We fixed some bugs in the way path were rendered. Path can now be scaled and answer properly to events.
You can register callbacks or other kind of interaction you wish.

Here is a screenshot:

<Screen Shot 2014-08-05 at 9.27.01 PM.png>

This code is available from:  RTRoassalExample>>exampleSVGPath

Icons have been obtained from http://iconmonstr.com

Thanks Juraj of the improvement you’ve made to TRSVGPath !

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Offray
Reply | Threaded
Open this post in threaded view
♦
♦
|

Re: SVG-described icons

Offray
In reply to this post by abergel
Alexander,

For some reason I can't see your screenshots. Are they cut & pasted
inside the mail? Can be shared online or as attachements?

Cheers,

Offray

On 08/05/2014 08:46 PM, Alexandre Bergel wrote:

> Hi!
>
> We fixed some bugs in the way path were rendered. Path can now be scaled and
> answer properly to events.
> You can register callbacks or other kind of interaction you wish.
>
> Here is a screenshot:
>
>
> This code is available from:  RTRoassalExample>>exampleSVGPath
>
> Icons have been obtained from http://iconmonstr.com
>
> Thanks Juraj of the improvement you’ve made to TRSVGPath !
>
> Cheers,
> Alexandre
> --
> _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
> Alexandre Bergel http://www.bergel.eu
> ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
>
>
>
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
abergel
Reply | Threaded
Open this post in threaded view
♦
♦
|

Re: SVG-described icons

abergel
This is strange. Here is the screenshot of the SVG icons:

https://www.facebook.com/ObjectProfile/photos/a.341189379300999.82969.340543479365589/676710195748914/?type=1

Cheers,
Alexandre

On Aug 8, 2014, at 11:48 PM, Offray Vladimir Luna Cárdenas <[hidden email]> wrote:

> Alexander,
>
> For some reason I can't see your screenshots. Are they cut & pasted inside the mail? Can be shared online or as attachements?
>
> Cheers,
>
> Offray
>
> On 08/05/2014 08:46 PM, Alexandre Bergel wrote:
>> Hi!
>>
>> We fixed some bugs in the way path were rendered. Path can now be scaled and
>> answer properly to events.
>> You can register callbacks or other kind of interaction you wish.
>>
>> Here is a screenshot:
>>
>>
>> This code is available from:  RTRoassalExample>>exampleSVGPath
>>
>> Icons have been obtained from http://iconmonstr.com
>>
>> Thanks Juraj of the improvement you’ve made to TRSVGPath !
>>
>> Cheers,
>> Alexandre
>> --
>> _,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
>> Alexandre Bergel http://www.bergel.eu
>> ^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.
>>
>>
>>
>>
>>
>> _______________________________________________
>> Moose-dev mailing list
>> [hidden email]
>> https://www.iam.unibe.ch/mailman/listinfo/moose-dev
>>
>
>
> _______________________________________________
> Moose-dev mailing list
> [hidden email]
> https://www.iam.unibe.ch/mailman/listinfo/moose-dev

--
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.




_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Usman Bhatti
Reply | Threaded
Open this post in threaded view
♦
♦
|

Re: SVG-described icons

Usman Bhatti
In reply to this post by abergel
Thank you Alex. An quick example for embedding this icon in Glamour


|browser |
browser := GLMTabulator new.
browser column: #one; column: #two.
browser transmit to: #one; andShow: [ :a |
a list
title: 'Table with actions';
icon: [:each | each asInteger odd 
ifTrue: [ GLMUIThemeExtraIcons glamorousRedCircle ] 
ifFalse: [ | v e shape morph |
v := RTView new.
shape := RTSVGPath new path: 'M50,50.002c48.046,20.595,149.05,16.396,142.596,109.369l-36.781,37.526
C64.183,198.499,65.876,100.672,50,50.002z M236.836,314.404c46.488,35.155,202.98,145.061,202.98,145.061
c12.942,8.801,28.532-7.157,19.496-19.948c0,0-113.425-153.879-149.669-199.452c-28.634-36.068-42.95-37.333-93.729-52.295
l-33.528,34.274C198.463,272.378,200.123,286.61,236.836,314.404z M153.117,371.604l44.978-45.096
c-4.459-4.19-8.398-8.315-11.852-12.423l-45.263,45.381L153.117,371.604z M294.64,179.983l82.462-82.647l36.982,36.999
l-80.619,80.786c7.511,9.02,13.965,17.519,21.392,27.191l107.139-107.34l-84.96-84.969L261.664,165.591
C273.768,169.513,284.464,173.88,294.64,179.983z M377.672,122.197l-68.18,68.348c4.124,3.42,8.315,7.267,12.573,11.692
l67.743-67.903L377.672,122.197z M211.137,337.707l-61.792,61.927L98.214,413.8l14.149-51.147l63.117-63.268
c-6.119-10.008-10.595-20.637-14.752-32.673l-79.412,79.562L50,461.996l116.276-30.745l72.555-72.688
C221.665,346.056,221.145,345.721,211.137,337.707z'.
shape color: Color black.
shape scale: 0.03.
e := shape element.
v add: e.
morph := TRMorph new.
morph canvas: v canvas.
morph extent: e encompassingRectangle extent.
v canvas camera focusOnCenter. morph ] ]].
 browser openOn: ($A to: $z)

-=-=--=-=--=-=--=-=--=-=--=-=-

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.

On Aug 7, 2014, at 7:01 AM, Usman Bhatti <[hidden email]> wrote:

Cool stuff Alex.

How do I create morphic icons (embeddable in Morphs) from these SVG icons?

usman


On Wed, Aug 6, 2014 at 3:46 AM, Alexandre Bergel <[hidden email]> wrote:
Hi!

We fixed some bugs in the way path were rendered. Path can now be scaled and answer properly to events.
You can register callbacks or other kind of interaction you wish.

Here is a screenshot:

<Screen Shot 2014-08-05 at 9.27.01 PM.png>

This code is available from:  RTRoassalExample>>exampleSVGPath

Icons have been obtained from http://iconmonstr.com

Thanks Juraj of the improvement you’ve made to TRSVGPath !

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev



_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
abergel
Reply | Threaded
Open this post in threaded view
♦
♦
|

Re: SVG-described icons

abergel
Here is a screenshot

On Aug 10, 2014, at 3:45 AM, Usman Bhatti <[hidden email]> wrote:

Thank you Alex. An quick example for embedding this icon in Glamour


|browser |
browser := GLMTabulator new.
browser column: #one; column: #two.
browser transmit to: #one; andShow: [ :a |
a list
title: 'Table with actions';
icon: [:each | each asInteger odd 
ifTrue: [ GLMUIThemeExtraIcons glamorousRedCircle ] 
ifFalse: [ | v e shape morph |
v := RTView new.
shape := RTSVGPath new path: 'M50,50.002c48.046,20.595,149.05,16.396,142.596,109.369l-36.781,37.526
C64.183,198.499,65.876,100.672,50,50.002z M236.836,314.404c46.488,35.155,202.98,145.061,202.98,145.061
c12.942,8.801,28.532-7.157,19.496-19.948c0,0-113.425-153.879-149.669-199.452c-28.634-36.068-42.95-37.333-93.729-52.295
l-33.528,34.274C198.463,272.378,200.123,286.61,236.836,314.404z M153.117,371.604l44.978-45.096
c-4.459-4.19-8.398-8.315-11.852-12.423l-45.263,45.381L153.117,371.604z M294.64,179.983l82.462-82.647l36.982,36.999
l-80.619,80.786c7.511,9.02,13.965,17.519,21.392,27.191l107.139-107.34l-84.96-84.969L261.664,165.591
C273.768,169.513,284.464,173.88,294.64,179.983z M377.672,122.197l-68.18,68.348c4.124,3.42,8.315,7.267,12.573,11.692
l67.743-67.903L377.672,122.197z M211.137,337.707l-61.792,61.927L98.214,413.8l14.149-51.147l63.117-63.268
c-6.119-10.008-10.595-20.637-14.752-32.673l-79.412,79.562L50,461.996l116.276-30.745l72.555-72.688
C221.665,346.056,221.145,345.721,211.137,337.707z'.
shape color: Color black.
shape scale: 0.03.
e := shape element.
v add: e.
morph := TRMorph new.
morph canvas: v canvas.
morph extent: e encompassingRectangle extent.
v canvas camera focusOnCenter. morph ] ]].
 browser openOn: ($A to: $z)

-=-=--=-=--=-=--=-=--=-=--=-=-

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.



On Aug 7, 2014, at 7:01 AM, Usman Bhatti <[hidden email]> wrote:

Cool stuff Alex.

How do I create morphic icons (embeddable in Morphs) from these SVG icons?

usman


On Wed, Aug 6, 2014 at 3:46 AM, Alexandre Bergel <[hidden email]> wrote:
Hi!

We fixed some bugs in the way path were rendered. Path can now be scaled and answer properly to events.
You can register callbacks or other kind of interaction you wish.

Here is a screenshot:

<Screen Shot 2014-08-05 at 9.27.01 PM.png>

This code is available from:  RTRoassalExample>>exampleSVGPath

Icons have been obtained from http://iconmonstr.com

Thanks Juraj of the improvement you’ve made to TRSVGPath !

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.




_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.




_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Tudor Girba-2
Reply | Threaded
Open this post in threaded view
♦
♦
|

Re: SVG-described icons

Tudor Girba-2
It looks interesting. However, I wonder why is the scaled image so pixelized. Is it possible that the scaling happens at the level of the bitmap and not at the level of the SVG?

Doru


On Sun, Aug 10, 2014 at 6:27 PM, Alexandre Bergel <[hidden email]> wrote:
Here is a screenshot

On Aug 10, 2014, at 3:45 AM, Usman Bhatti <[hidden email]> wrote:

Thank you Alex. An quick example for embedding this icon in Glamour


|browser |
browser := GLMTabulator new.
browser column: #one; column: #two.
browser transmit to: #one; andShow: [ :a |
a list
title: 'Table with actions';
icon: [:each | each asInteger odd 
ifTrue: [ GLMUIThemeExtraIcons glamorousRedCircle ] 
ifFalse: [ | v e shape morph |
v := RTView new.
shape := RTSVGPath new path: 'M50,50.002c48.046,20.595,149.05,16.396,142.596,109.369l-36.781,37.526
C64.183,198.499,65.876,100.672,50,50.002z M236.836,314.404c46.488,35.155,202.98,145.061,202.98,145.061
c12.942,8.801,28.532-7.157,19.496-19.948c0,0-113.425-153.879-149.669-199.452c-28.634-36.068-42.95-37.333-93.729-52.295
l-33.528,34.274C198.463,272.378,200.123,286.61,236.836,314.404z M153.117,371.604l44.978-45.096
c-4.459-4.19-8.398-8.315-11.852-12.423l-45.263,45.381L153.117,371.604z M294.64,179.983l82.462-82.647l36.982,36.999
l-80.619,80.786c7.511,9.02,13.965,17.519,21.392,27.191l107.139-107.34l-84.96-84.969L261.664,165.591
C273.768,169.513,284.464,173.88,294.64,179.983z M377.672,122.197l-68.18,68.348c4.124,3.42,8.315,7.267,12.573,11.692
l67.743-67.903L377.672,122.197z M211.137,337.707l-61.792,61.927L98.214,413.8l14.149-51.147l63.117-63.268
c-6.119-10.008-10.595-20.637-14.752-32.673l-79.412,79.562L50,461.996l116.276-30.745l72.555-72.688
C221.665,346.056,221.145,345.721,211.137,337.707z'.
shape color: Color black.
shape scale: 0.03.
e := shape element.
v add: e.
morph := TRMorph new.
morph canvas: v canvas.
morph extent: e encompassingRectangle extent.
v canvas camera focusOnCenter. morph ] ]].
 browser openOn: ($A to: $z)

-=-=--=-=--=-=--=-=--=-=--=-=-

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.



On Aug 7, 2014, at 7:01 AM, Usman Bhatti <[hidden email]> wrote:

Cool stuff Alex.

How do I create morphic icons (embeddable in Morphs) from these SVG icons?

usman


On Wed, Aug 6, 2014 at 3:46 AM, Alexandre Bergel <[hidden email]> wrote:
Hi!

We fixed some bugs in the way path were rendered. Path can now be scaled and answer properly to events.
You can register callbacks or other kind of interaction you wish.

Here is a screenshot:

<Screen Shot 2014-08-05 at 9.27.01 PM.png>

This code is available from:  RTRoassalExample>>exampleSVGPath

Icons have been obtained from http://iconmonstr.com

Thanks Juraj of the improvement you’ve made to TRSVGPath !

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.




_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.




_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev




--

"Every thing has its own flow"

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
abergel
Reply | Threaded
Open this post in threaded view
♦
♦
|

Re: SVG-described icons

abergel
Strange. The scaling is done by Athens

Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.

On Aug 10, 2014, at 3:39 PM, Tudor Girba <[hidden email]> wrote:

It looks interesting. However, I wonder why is the scaled image so pixelized. Is it possible that the scaling happens at the level of the bitmap and not at the level of the SVG?

Doru


On Sun, Aug 10, 2014 at 6:27 PM, Alexandre Bergel <[hidden email]> wrote:
Here is a screenshot
<Screen Shot 2014-08-10 at 12.27.11 PM.png>

On Aug 10, 2014, at 3:45 AM, Usman Bhatti <[hidden email]> wrote:

Thank you Alex. An quick example for embedding this icon in Glamour


|browser |
browser := GLMTabulator new.
browser column: #one; column: #two.
browser transmit to: #one; andShow: [ :a |
a list
title: 'Table with actions';
icon: [:each | each asInteger odd 
ifTrue: [ GLMUIThemeExtraIcons glamorousRedCircle ] 
ifFalse: [ | v e shape morph |
v := RTView new.
shape := RTSVGPath new path: 'M50,50.002c48.046,20.595,149.05,16.396,142.596,109.369l-36.781,37.526
C64.183,198.499,65.876,100.672,50,50.002z M236.836,314.404c46.488,35.155,202.98,145.061,202.98,145.061
c12.942,8.801,28.532-7.157,19.496-19.948c0,0-113.425-153.879-149.669-199.452c-28.634-36.068-42.95-37.333-93.729-52.295
l-33.528,34.274C198.463,272.378,200.123,286.61,236.836,314.404z M153.117,371.604l44.978-45.096
c-4.459-4.19-8.398-8.315-11.852-12.423l-45.263,45.381L153.117,371.604z M294.64,179.983l82.462-82.647l36.982,36.999
l-80.619,80.786c7.511,9.02,13.965,17.519,21.392,27.191l107.139-107.34l-84.96-84.969L261.664,165.591
C273.768,169.513,284.464,173.88,294.64,179.983z M377.672,122.197l-68.18,68.348c4.124,3.42,8.315,7.267,12.573,11.692
l67.743-67.903L377.672,122.197z M211.137,337.707l-61.792,61.927L98.214,413.8l14.149-51.147l63.117-63.268
c-6.119-10.008-10.595-20.637-14.752-32.673l-79.412,79.562L50,461.996l116.276-30.745l72.555-72.688
C221.665,346.056,221.145,345.721,211.137,337.707z'.
shape color: Color black.
shape scale: 0.03.
e := shape element.
v add: e.
morph := TRMorph new.
morph canvas: v canvas.
morph extent: e encompassingRectangle extent.
v canvas camera focusOnCenter. morph ] ]].
 browser openOn: ($A to: $z)

-=-=--=-=--=-=--=-=--=-=--=-=-

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.



On Aug 7, 2014, at 7:01 AM, Usman Bhatti <[hidden email]> wrote:

Cool stuff Alex.

How do I create morphic icons (embeddable in Morphs) from these SVG icons?

usman


On Wed, Aug 6, 2014 at 3:46 AM, Alexandre Bergel <[hidden email]> wrote:
Hi!

We fixed some bugs in the way path were rendered. Path can now be scaled and answer properly to events.
You can register callbacks or other kind of interaction you wish.

Here is a screenshot:

<Screen Shot 2014-08-05 at 9.27.01 PM.png>

This code is available from:  RTRoassalExample>>exampleSVGPath

Icons have been obtained from http://iconmonstr.com

Thanks Juraj of the improvement you’ve made to TRSVGPath !

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.




_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.




_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev




--

"Every thing has its own flow"
_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
stepharo
Reply | Threaded
Open this post in threaded view
♦
♦
|

Re: SVG-described icons

stepharo
In reply to this post by abergel
alexandre

 send you vector graphics based icon animation that igor did.
Not sure that it still work but it was great to have dock like animation in Pharo :)
Stef

On 6/8/14 03:46, Alexandre Bergel wrote:
Hi!

We fixed some bugs in the way path were rendered. Path can now be scaled and answer properly to events.
You can register callbacks or other kind of interaction you wish.

Here is a screenshot:


This code is available from:  RTRoassalExample>>exampleSVGPath

Icons have been obtained from http://iconmonstr.com

Thanks Juraj of the improvement you’ve made to TRSVGPath !

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.


 



_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

ASAnimation.st (1K) Download Attachment
ASZoomerMorph.st (5K) Download Attachment
stepharo
Reply | Threaded
Open this post in threaded view
♦
♦
|

Re: SVG-described icons

stepharo
In reply to this post by Usman Bhatti
Usman
I imagine that you do not need the Tmorph... Igor has an svg importer and after you can draw the result in a morph.
This is why I would like to have
    - athens fully working
    - but it takes time.

Stef

On 7/8/14 13:01, Usman Bhatti wrote:
Cool stuff Alex.

How do I create morphic icons (embeddable in Morphs) from these SVG icons?

usman


On Wed, Aug 6, 2014 at 3:46 AM, Alexandre Bergel <[hidden email]> wrote:
Hi!

We fixed some bugs in the way path were rendered. Path can now be scaled and answer properly to events.
You can register callbacks or other kind of interaction you wish.

Here is a screenshot:


This code is available from:  RTRoassalExample>>exampleSVGPath

Icons have been obtained from http://iconmonstr.com

Thanks Juraj of the improvement you’ve made to TRSVGPath !

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev




_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Tudor Girba-2
Reply | Threaded
Open this post in threaded view
♦
♦
|

Re: SVG-described icons

Tudor Girba-2
Indeed. We should not depend on Roassal for loading an SVG icon in Morphic. It's the wrong level :)

Cheers,
Doru


On Tue, Aug 12, 2014 at 10:11 PM, stepharo <[hidden email]> wrote:
Usman
I imagine that you do not need the Tmorph... Igor has an svg importer and after you can draw the result in a morph.
This is why I would like to have
    - athens fully working
    - but it takes time.

Stef


On 7/8/14 13:01, Usman Bhatti wrote:
Cool stuff Alex.

How do I create morphic icons (embeddable in Morphs) from these SVG icons?

usman


On Wed, Aug 6, 2014 at 3:46 AM, Alexandre Bergel <[hidden email]> wrote:
Hi!

We fixed some bugs in the way path were rendered. Path can now be scaled and answer properly to events.
You can register callbacks or other kind of interaction you wish.

Here is a screenshot:


This code is available from:  RTRoassalExample>>exampleSVGPath

Icons have been obtained from http://iconmonstr.com

Thanks Juraj of the improvement you’ve made to TRSVGPath !

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev




_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev




--

"Every thing has its own flow"

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
abergel
Reply | Threaded
Open this post in threaded view
♦
♦
|

Re: SVG-described icons

abergel
In reply to this post by stepharo
Only drawing may not be enough. I get you want to have tooltip and callback when you click on it.

Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.

On Aug 12, 2014, at 4:11 PM, stepharo <[hidden email]> wrote:

Usman
I imagine that you do not need the Tmorph... Igor has an svg importer and after you can draw the result in a morph.
This is why I would like to have
    - athens fully working
    - but it takes time.

Stef

On 7/8/14 13:01, Usman Bhatti wrote:
Cool stuff Alex.

How do I create morphic icons (embeddable in Morphs) from these SVG icons?

usman


On Wed, Aug 6, 2014 at 3:46 AM, Alexandre Bergel <[hidden email]> wrote:
Hi!

We fixed some bugs in the way path were rendered. Path can now be scaled and answer properly to events.
You can register callbacks or other kind of interaction you wish.

Here is a screenshot:

<Mail Attachment.png>

This code is available from:  RTRoassalExample>>exampleSVGPath

Icons have been obtained from http://iconmonstr.com

Thanks Juraj of the improvement you’ve made to TRSVGPath !

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev




_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
abergel
Reply | Threaded
Open this post in threaded view
♦
♦
|

Re: SVG-described icons

abergel
In reply to this post by stepharo
Ok. I’ve tried, but I am not sure how to use it.

Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.

On Aug 12, 2014, at 4:09 PM, stepharo <[hidden email]> wrote:

alexandre

 send you vector graphics based icon animation that igor did.
Not sure that it still work but it was great to have dock like animation in Pharo :)
Stef

On 6/8/14 03:46, Alexandre Bergel wrote:
Hi!

We fixed some bugs in the way path were rendered. Path can now be scaled and answer properly to events.
You can register callbacks or other kind of interaction you wish.

Here is a screenshot:

<Mail Attachment.png>

This code is available from:  RTRoassalExample>>exampleSVGPath

Icons have been obtained from http://iconmonstr.com

Thanks Juraj of the improvement you’ve made to TRSVGPath !

Cheers,
Alexandre
-- 
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel  http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.


 



_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

<ASAnimation.st><ASZoomerMorph.st>_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev


_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev
Free forum by Nabble Edit this page