Re: Design Challenge -- Round Corner mask on images

Thank you Trevor Your widget is really cool - and is acting as yet another spur for me to make a start in LiveCodeBuilder (I had planned to start learning LCB this week and now will definitely make a start on Thursday) Dave Trevor DeVore wrote > On Sun, Mar 27, 2016 at 6:26 PM, Sannyasin Brahm

Re: Design Challenge -- Round Corner mask on images

Indeed.. thank you.. not only for the widget but for a good example of what can be done. On April 4, 2016 at 8:32:16 AM, William Prothero (proth...@earthednet.org) wrote: Trevor: Very nice! Thanks for the widget. Best, Bill __

Re: Design Challenge -- Round Corner mask on images

Trevor: Very nice! Thanks for the widget. Best, Bill > On Apr 3, 2016, at 8:17 PM, William Prothero wrote: > > Trevor: > Never tried to install a widget before. I downloaded your zip folder and > copied the folder with its contents to the “extensions” folder. I don’t see > it in the extensions

Re: Design Challenge -- Round Corner mask on images

Trevor, Thanks for the Rounded Corners widget. Very nice! Jim Lambert ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman

Re: Design Challenge -- Round Corner mask on images

On 4.04.2016 18:21, RM wrote: Here's the next step; using absolutely the most *bog-basic* code you can imagine (all you purists can check out the button script in "Export Image" and get upset) will export the image with rounded corners AND ink effects. http://forums.livecode.com/viewtopic

Re: Design Challenge -- Round Corner mask on images

Here's the next step; using absolutely the most *bog-basic* code you can imagine (all you purists can check out the button script in "Export Image" and get upset) will export the image with rounded corners AND ink effects. http://forums.livecode.com/viewtopic.php?f=10&t=26933&p=140584#p14058

Re: Design Challenge -- Round Corner mask on images

On Monday, April 4, 2016, J. Landman Gay wrote: > > > Trevor, this is SO COOL. Not just the work you've produced, which is > really neat stuff, but also how anyone can make LC into anything they want. > I hope Kevin is right and that we get lots more of these little gems. > I'm glad you like it

Re: Design Challenge -- Round Corner mask on images

On Sunday, April 3, 2016, William Prothero wrote: > Trevor: > Never tried to install a widget before. I downloaded your zip folder and > copied the folder with its contents to the “extensions” folder. I don’t see > it in the extensions manager. I’m in dp15. Any suggestions? > Try updating to DP-

Re: Design Challenge -- Round Corner mask on images

Jacque, Perhaps I have more than one extensions folder. I'll check for another one. Btw, I am assuming v7 and v8 use the same extensions folder? Hmm, seems unlikely. I'll check. Best, Bill William Prothero http://es.earthednet.org > On Apr 3, 2016, at 10:32 PM, "J. Landman Gay" > wrote: > >>

Re: Design Challenge -- Round Corner mask on images

On 4/3/2016 4:50 PM, Trevor DeVore wrote: I thought this would make an interesting widget. I put together a widget that does the following: 1. Allows you to turn on/off rounded corners for each corner of the widget. 2. Allows you to set the radius. 3. Allows you to set a filename of an image tha

Re: Design Challenge -- Round Corner mask on images

Trevor: Never tried to install a widget before. I downloaded your zip folder and copied the folder with its contents to the “extensions” folder. I don’t see it in the extensions manager. I’m in dp15. Any suggestions? Bill > On Apr 3, 2016, at 2:50 PM, Trevor DeVore wrote: > > On Sun, Mar 27,

Re: Design Challenge -- Round Corner mask on images

On Sun, Mar 27, 2016 at 6:26 PM, Sannyasin Brahmanathaswami < bra...@hindu.org> wrote: > Our design team finished a design for a mobile app. The used rounded > corners everywhere. > > see > > http://wiki.hindu.org/screenshots/radius-all-corners.jpg > > Something I wished we had in LC for all contr

Re: Design Challenge -- Round Corner mask on images

In LC8 you can get the names of the inks: put button "pulldown" of group "ink" of group "Ink" of card id 1002 of stack "revPropertyInspector 1" Peter On Apr 3, 2016, at 11:58 AM, J. Landman Gay wrote: > On 4/3/2016 12:45 PM, RM wrote: >> Well: I must be rather stupid: but where-O-where is th

Re: Design Challenge -- Round Corner mask on images

On 4/3/2016 12:45 PM, RM wrote: Well: I must be rather stupid: but where-O-where is the 'Inks' button? What Tore said. I was thinking of LC 8 where the inks are in a popdown button in the inspector. Either place should work. Scripting it would require knowing the name of the control you want

Re: Design Challenge -- Round Corner mask on images

So it does: thanks for the help. Not exactly intuitive.. . . Might be time for a Feature Request: inkNames Richmond. On 3.04.2016 21:34, Tore Nilsen wrote: It works when you hold the mouse over the field with the inks in the blending section of the property inspector Tore 3. apr. 2016 kl.

Re: Design Challenge -- Round Corner mask on images

It works when you hold the mouse over the field with the inks in the blending section of the property inspector Tore > 3. apr. 2016 kl. 19.45 skrev RM : > > Well: I must be rather stupid: but where-O-where is the 'Inks' button? > > Richmond. > > On 3.04.2016 20:38, J. Landman Gay wrote: >> Put

Re: Design Challenge -- Round Corner mask on images

Well: I must be rather stupid: but where-O-where is the 'Inks' button? Richmond. On 3.04.2016 20:38, J. Landman Gay wrote: Put this in the message box: put the text of the mousecontrol Point the cursor to the inks menu button in the IDE and hit the return key. -- Jacqueline Landman Gay

Re: Design Challenge -- Round Corner mask on images

Smashing: Thanks! BUT, there 'must' be a way to script that R. On 3.04.2016 20:38, J. Landman Gay wrote: Put this in the message box: put the text of the mousecontrol Point the cursor to the inks menu button in the IDE and hit the return key. -- Jacqueline Landman Gay | ja

Re: Design Challenge -- Round Corner mask on images

Put this in the message box: put the text of the mousecontrol Point the cursor to the inks menu button in the IDE and hit the return key. -- Jacqueline Landman Gay | jac...@hyperactivesw.com HyperActive Software | http://www.hyperactivesw.com On April 3, 2016 12:24:

Re: Design Challenge -- Round Corner mask on images

Aha. Well, if you could find a way to answer my post about inks I could get on with my batch processor :) R. On 3.04.2016 20:20, J. Landman Gay wrote: On April 3, 2016 11:59:33 AM RM wrote: Of course the obvious question at this point is "why use a distributed work environment?" Because

Re: Design Challenge -- Round Corner mask on images

On April 3, 2016 11:59:33 AM RM wrote: Of course the obvious question at this point is "why use a distributed work environment?" Because you work in a large company with different departments? Or you have a team of a dozen people, each with particular skills? Or your students want to team u

Re: Design Challenge -- Round Corner mask on images

Well, for what it's worth: here's a start: http://forums.livecode.com/viewtopic.php?f=10&t=26933&p=140562#p140562 This is "bog basic" in that it does "nothing more" than import the image, unite it with a graphic 'frame' and then allow you to export the end result as a PNG [ Papua New Guinea

Re: Design Challenge -- Round Corner mask on images

Well, for what it's worth: here's a start: http://forums.livecode.com/viewtopic.php?f=10&t=26933&p=140562#p140562 Love, Richmond. On 3.04.2016 00:02, Sannyasin Brahmanathaswami wrote: RM: Your "why bother" assumes a) we work in teams of one in solitude or something like that. OR b) you have

Re: Design Challenge -- Round Corner mask on images

Is the 4000 x 4000 pixel limit on image sizes still there in Livecode 7? Richmond. On 3.04.2016 16:29, Alejandro Tejada wrote: In this mail list, Richmond self-assigned duty is, in his own words: "stir the pot" And he is very successful at this. :D There is a name, a greek name, in classical t

Re: Design Challenge -- Round Corner mask on images

In this mail list, Richmond self-assigned duty is, in his own words: "stir the pot" And he is very successful at this. :D There is a name, a greek name, in classical theater for the character that fills that role in a play. In a play, this character helps to develop and advance the plot until it

Re: Design Challenge -- Round Corner mask on images

On 3.04.2016 00:02, Sannyasin Brahmanathaswami wrote: RM: Your "why bother" assumes a) we work in teams of one in solitude or something like that. OR b) you have experienced talented "workers" in image process. In a distributed work environment, the options to pre-process images prior to g

Re: Design Challenge -- Round Corner mask on images

RM: Your "why bother" assumes a) we work in teams of one in solitude or something like that. OR b) you have experienced talented "workers" in image process. In a distributed work environment, the options to pre-process images prior to getting them into LiveCode is often zero. So...when the on

Re: Design Challenge -- Round Corner mask on images

Hi Richmond, RM wrote > Why bother? Frankly the process is no more difficult using > GIMP: https://www.gimp.org/downloads/ or > Photoshop: http://www.adobe.com/products/photoshop.html > and there are quite a few other image editing software packages > available that can do that job as well. Tru

Re: Design Challenge -- Round Corner mask on images

Why bother? Frankly the process is no more difficult using GIMP: https://www.gimp.org/downloads/ or Photoshop: http://www.adobe.com/products/photoshop.html and there are quite a few other image editing software packages available that can do that job as well. Richmond. On 1.04.2016 02:46,

Re: Design Challenge -- Round Corner mask on images

Great! :D Now the big question :D Who volunteer to build (and maintain) a plug-in (palette or modeless stack) that explains and create the many ways of masking an image: 1) Group with an image and graphic (using inks effects) 2) Image and graphic or Image and Transparent Image (using snapshot

Re: Design Challenge -- Round Corner mask on images

Alejandro Tejada wrote > By the way, just to complete in this same thread all masking options > available, here is a recipe for using Scott Rossi's Hidden Point technique > to mask an image: > http://runtime-revolution.278305.n4.nabble.com/Hidden-point-technique-to-mask-an-image-td2270248.html > >

Re: Design Challenge -- Round Corner mask on images

Hi Richmond, RM wrote > Am I being stupid? No, this same topic (masking images) have been discussed many times before. An this same topic will arise again in a near future. Do you know why? Because LC IDE does not have an integrated menu or an external palette or a stack plug-in to create mask

Re: Design Challenge -- Round Corner mask on images

Am I being stupid? https://www.dropbox.com/s/ce57yiy7xj4k9j0/Round%20Corners.livecode.zip?dl=0 http://forums.livecode.com/viewtopic.php?f=10&t=26933 Richmond. ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscr

Re: Design Challenge -- Round Corner mask on images

This works set the backgroundpattern of grc 1 to 1004 as for "imageSource" -> from the dictionary: "Specifies an image to be displayed in place of the specified character in a field." Kind regards Bernd -- View this message in context: http://runtime-revolution.278305.n4.nabble.com/Design-C

Re: Design Challenge -- Round Corner mask on images

Why does THIS not work: set the imageSource of graphic "ggg" to 1003 ? Richmond. ___ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runr

Re: Design Challenge -- Round Corner mask on images

Alejandro Tejada wrote > By the way, while looking for a script to convert a color in a mask, > (for example: convert bright green color of an image to alphadata) > I just found that Bernd already answer this Design Challenge, > back in 2011: > > http://forums.livecode.com/viewtopic.php?f=10&t=65

Re: Design Challenge -- Round Corner mask on images

By the way, while looking for a script to convert a color in a mask, (for example: convert bright green color of an image to alphadata) I just found that Bernd already answer this Design Challenge, back in 2011: http://forums.livecode.com/viewtopic.php?f=10&t=6525 >From this 5 years old thread,

Re: Design Challenge -- Round Corner mask on images

Hi Bernd, BNig wrote > for inks you have to make a screenshot from the system-view > > -- > on mouseUp >put the rect of image "sourceImg" into tSourceRect >put item 1 to 2 of tSourceRect into tTopLeft >put item 3 to 4 of tSourceRect into tBotRight >put

Re: Design Challenge -- Round Corner mask on images

Alejandro Tejada wrote > Hi Bernd, > Did you have a reliable recipe to export (or import) > a snapshot of an image with a blend mode > (or ink effect) applied? > > Try this: > > 1) Import two images: > > a) transparent black and white png (ubuntu logo) > http://design.ubuntu.com/wp-content/uploa

Re: Design Challenge -- Round Corner mask on images

Hi Bernd, BNig wrote > I guess it is a habit from times when the paintcompression default was > "RLE" in the IDE and you can define the export format using export... e.g. > as "png". > > And somehow I like to export to a container. I feel I have more control > over where the image goes instead o

Re: Design Challenge -- Round Corner mask on images

Alejandro Tejada wrote > Just noticed that you used: export snapshot > instead of import snapshot > Why? Is import snapshot buggy in some > LiveCode versions? > Alejandro I guess it is a habit from times when the paintcompression default was "RLE" in the IDE and you can define the export format us

Re: Design Challenge -- Round Corner mask on images

Hi Bernd, Your script to restore the original alphadata is very useful. Many Thanks for sharing! :D Just noticed that you used: export snapshot instead of import snapshot Why? Is import snapshot buggy in some LiveCode versions? Alejandro -- View this message in context: http://runtime-revol

Re: Design Challenge -- Round Corner mask on images

if you want to get round corners on an image, that does not make use of alphaData, like jpg or png without alpha you can round the corners by setting the alphaData as Alejandro has shown. here is an example of setting the alphaData of an image to get round corners on the fly -

Re: Design Challenge -- Round Corner mask on images

Another contribution to this thread from the past. and Stacks from 2009: The first one is a result of a longer discussion and experimentation with Bernd Niggemann showing different approaches to create and use masks, the second is a short example stack demonstrating round-corner-buttons

Re: Design Challenge -- Round Corner mask on images

Hi, Glad you liked. :-D The following step by step recipe works fine to mask an image with another transparent png image, unlike the previous script that works only with an image and a vector graphic. 1) create a new stack and import an image 2) import a PNG image with transparency, to mask t

Re: Design Challenge -- Round Corner mask on images

Alejandro: Nandri, Mahalo, Merci, Thank you! Awesome extremely useful On March 28, 2016 at 7:44:22 PM, Alejandro Tejada (capellan2...@gmail.com) wrote: Hi All, By trial and error, (the worse kind of error) I finally find a script that mask an image using a

Re: Design Challenge -- Round Corner mask on images

Hi All, By trial and error, (the worse kind of error) I finally find a script that mask an image using a vector graphic. Follow these steps to make it work. 1) create a new stack and import an image 2) over this image, draw a closed vector graphic using any drawing tool (including freehand or

Re: Design Challenge -- Round Corner mask on images

Duh! and Eureka at the same time I got it to work! I kept thinking, if it works for Scott, and his stack opens in LC8 and it appears correctly, there has to be something I'm missing... indeed there was. I went back to the mask option stack from Scott site, on card one there is the automobile i

Re: Design Challenge -- Round Corner mask on images

This all works but for one thing. For image processing I really, really don't want to have a requirement that the image be fully composed with the left area blank. I just need to say "Give me all your curated thumbs at 150h x 412w jpg quality 75, save each one with the name of the link you wan

Re: Design Challenge -- Round Corner mask on images

The "mess" you saw in the screen shots was present immediately after a) starting LC b) downloading your stack c) acclerated rendering is false for this stack d) Mask looks perfect d) choose pointer tool e) start moving objects f) inks are "wrecked" and artifacts appear on screen g) masking effect

Re: Design Challenge -- Round Corner mask on images

Oh, I understand -- I'm just saying a graphic + backPattern may be a good option because you have control over the shape (the roundRadius of the corners be changed), the radius will auto-scale across different screen sizes, and you don't have to pre-process all the images with rounded corners. Reg

Re: Design Challenge -- Round Corner mask on images

Addendum: I forgot to make the background around the image transparent. You'd need to do that. On 3/27/2016 11:25 PM, J. Landman Gay wrote: My method doesn't use a graphic at all. The button itself just uses the image as a backpattern. I'll leave my test stack here for a while:

Re: Design Challenge -- Round Corner mask on images

My method doesn't use a graphic at all. The button itself just uses the image as a backpattern. I'll leave my test stack here for a while: On 3/27/2016 11:03 PM, Scott Rossi wrote: Jacque's backPattern idea

Re: Design Challenge -- Round Corner mask on images

Jacque's backPattern idea is an option purely for masking images as well, though you're more limited using that option. The image and graphic need to be the same height, and you need to have "extra" image on the left side so you can crop off the rounded corners on the left. The advantage of that

Re: Design Challenge -- Round Corner mask on images

Hi, Could a bitmap mask (alphadata) work for this? >From the archives 2008 and 2011, http://lists.runrev.com/pipermail/use-livecode/2008-November/117324.html http://lists.runrev.com/pipermail/use-livecode/2011-December/165123.html http://www.sanke.org/Software/MoreAboutMasks.zip Back in the ol

Re: Design Challenge -- Round Corner mask on images

On 3/27/2016 5:26 PM, Sannyasin Brahmanathaswami wrote: I'm thinking this is probably (I hope) not that hard to implement. it's obviously easy enough to create a background graphic with round corners, add a small field on the left site that is transparent, lock that, put an image on the right

Re: Design Challenge -- Round Corner mask on images

If you have acceleratedRendering enabled, try disabling it. Regarding your second screenshot, you're likely getting that result because you repositioned the graphic within the group. LC8 might be more sensitive to acceleratedRendering than previous versions, but enabling the property in general s

Re: Design Challenge -- Round Corner mask on images

Thanks for the re-assurance and, that's a relief, that its a simple solution... Are you working in LC8 dp 16? BUT: What's happening here is: I'm getting some serious rendering issues. Your stack opens fine and I could see the lovely roundrect grc mask... then as soon as I touch anything we get

Re: Design Challenge -- Round Corner mask on images

An oval is the same as a roundRect, just with larger radii. The technique doesn't "fail" as shown in the demo stack, so yes, you may indeed be missing something. Make sure you have the inks applied properly. go url "http://tactilemedia.com/download/RoundCornerSample.livecode"; Regards, Scott R

Re: Design Challenge -- Round Corner mask on images

Scott, thanks stack downloaded Fascinating technique. But your example uses an oval... but if I use graphic style "round rectangle" -- the technique fails -- or I am missing something. Can you try it there? tks On March 27, 2016 at 1:42:52 PM, Scott Rossi (sc...@tactilemedia.com

Re: Design Challenge -- Round Corner mask on images

One way is using ink effects. In a group with the roundRect graphic layered above the image: blendSrcOver applied to the group blendDstIn applied to the graphic You might want to take a look at the stack provided in this article for ideas: http://tactilemedia.com/blog/2015/11/04/livecode-basics-m

Re: Design Challenge -- Round Corner mask on images

Did you look at the screenshot? They are using 10 px radius and there really is not a lot of wasted space I'm testing now... create a graphic 410 wide and 100 tall, set roundradius to 1, then put a small image on top over on the right half ... oddly to my eye, if I set the right of the image to

Re: Design Challenge -- Round Corner mask on images

I had a mobile app project where the designers did exactly the same. They put round corners everywhere, around every element in the app. The result was a lot of unused space. It was cumbersome and inefficient and in the end it didn't look well. We decided to use straight corbers and the app loo