There ain't no bevel edges.

Got a LiveCode personal license? Are you a beginner, hobbyist or educator that's new to LiveCode? This forum is the place to go for help getting started. Welcome!

Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller

Post Reply
richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9417
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

There ain't no bevel edges.

Post by richmond62 » Thu Nov 16, 2023 9:41 am

While one can add shadows and inner and outer glows to controls, there seems no obvious way to add a bevel edge:
-
SShot 2023-11-16 at 10.37.35.png
SShot 2023-11-16 at 10.37.35.png (24.18 KiB) Viewed 2280 times
-
Faked with the help of GIMP.

Of course, if you are happy with a static image-as-button that is not a problem at all (just knock together the image in an external graphics program); but if you want something scaleable . . .
Last edited by richmond62 on Thu Nov 16, 2023 11:29 am, edited 1 time in total.

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9417
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: There ain't no bevel edges.

Post by richmond62 » Thu Nov 16, 2023 10:41 am

Some wag suggested the third 'thing' here was a bevel:
-
SShot 2023-11-16 at 11.39.59.png
SShot 2023-11-16 at 11.39.59.png (6.9 KiB) Viewed 2266 times
-
https://forums.livecode.com/viewtopic.php?t=32132

But it isn't: it is just a silly arrangement of colours round a button border.

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9417
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: There ain't no bevel edges.

Post by richmond62 » Thu Nov 16, 2023 10:49 am

And why, "sugar-my-kneecaps", did it take me about 22 years to learn about miterLimit?

AND . . . what exactly is the point of miterLimit as it seems to have no visible effect on a graphic?
-
SShot 2023-11-16 at 11.52.01.png
SShot 2023-11-16 at 11.52.01.png (21.81 KiB) Viewed 2264 times
-
"The miterLimit is used to calculate the maximum size of a miter join before it is rendered as a bevel."

Aha: so where is the bevel?

stam
Posts: 2692
Joined: Sun Jun 04, 2006 9:39 pm
Location: London, UK

Re: There ain't no bevel edges.

Post by stam » Thu Nov 16, 2023 4:03 pm

Not quite sure what you mean by 'bevel edge' as this (and things like mitering) really only applies to 3D constructs.

Do you mean simulating this so that a 2D object has a pseudo-3D appearance? (most HIG's go against this as the current trend is for 'flat' interfaces).
Or do you mean mean rounded corners?

For pseudo 3D, you can achieve a bevel effect with combination of innerShadow, innerGlow and optionally fillGradient (as seen in the 2nd graphic below).

I always use graphics as they have adjustable roundRadius. The image below is with a roundRect graphic with effects applied within LiveCode.
Screenshot 2023-11-16 at 15.00.13.png

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9417
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: There ain't no bevel edges.

Post by richmond62 » Thu Nov 16, 2023 4:11 pm

Those look pretty good, Thanks!

Post Reply

Return to “Getting Started with LiveCode - Complete Beginners”