Thanks, Alex and Om. Will pick this up on Sunday.
________________________________ From: OmPrakash Muppirala <bigosma...@gmail.com> Sent: Wednesday, January 9, 2019 10:07:15 PM To: dev@royale.apache.org Subject: Re: BevelFilter It seems like using the feConvolveMatrix lets you achieve bevel (and other kinds of effects) The basic approach is described here: https://vanseodesign.com/web-design/svg-filter-primitives-feconvolvematrix/ This article points to this one: http://setosa.io/ev/image-kernels/ where you can experiment with live images to figure the matrix and tweak it for a given set of effects. Some documentation on the feConvolveMatrix: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feConvolveMatrix Hope this helps. Thanks, Om On Wed, Jan 9, 2019 at 11:52 AM Alex Harui <aha...@adobe.com.invalid> wrote: > IMO, the parameters in Flash or PS affect the 3D model. PS might use > pixel-based edge detection, not sure about Flash. The key piece is the > "extrusion". > > I would guess that Flash does not control the direction of the extrusion > while PS does with its "Direction" property. > In PS, it looks like "depth" is how thick the extrusion is. That might be > the same as Flash's "strength". > In PS, it looks like "size" is the number of pixels of beveling. That > might be Flash's "distance". > PS's "soften" is probably "Flash's "blur". > > I think the way it works is, given the outline of a shape, if you had a > pile of soft bricks of clay, you would: > -Fill the shape with a layer of bricks. Put on as many layers of bricks > as the "depth" or "strength". > -Based on the depth, look at the "size" or "distance" and remove bricks or > slice off parts of the bricks along the edge so that the layers of bricks > don't go straight up, they are angled/beveled. > -Position your lights of the correct colors. > -Apply a soften/blur effect on the edges. > > HTH, > -Alex > > On 1/9/19, 12:45 AM, "Yishay Weiss" <yishayj...@hotmail.com> wrote: > > I did skim through that one. What I really wanted was what Anonymous > asked for in the comments section, but maybe it’s worth trying to implement > something according to the explanation that’s there and test to see how > different it is to the flash implementation. > > > > To answer your other questions, we want to solve the generic problem > (we’re writing an editor, so we can’t assume users will only use a certain > shape) for SVG. > > > > Thanks. > > > > ________________________________ > From: Alex Harui <aha...@adobe.com.INVALID> > Sent: Wednesday, January 9, 2019 10:24:05 AM > To: dev@royale.apache.org > Subject: Re: BevelFilter > > This is not my area of expertise at all, but have you seen this? > https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.rw-designer.com%2Fbevel-effect-explained&data=02%7C01%7Caharui%40adobe.com%7C5bb8051c78a444adf4e408d6760ecf0c%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636826203305954160&sdata=xWAx5RmvSCU2hB7ButzRXgogv4B9bemiHm%2BqpNxbvjU%3D&reserved=0 > > IIRC, there are vector effects, and pixel effects. Vector effects > basically alter the vectors that compose the graphic. Pixel effects > post-process the drawn pixels. > > I think a basic Bevel effect may be a vector effect. The Flash one > might require pixel effects as well to implement blur. The article I > linked to implies that the basic bevel effect is a 3D modeling problem. Do > you have to use SVG or can you use WebGL or some 3D library? > > Also consider whether you have to bevel "anything" or something > simple. To bevel a rectangular border can be relatively simple, IIRC. > > HTH, > -Alex > > On 1/8/19, 11:54 PM, "Yishay Weiss" <yishayj...@hotmail.com> wrote: > > [1] > https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.w3schools.com%2Fgraphics%2Fsvg_filters_intro.asp&data=02%7C01%7Caharui%40adobe.com%7C5bb8051c78a444adf4e408d6760ecf0c%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636826203305954160&sdata=KuKtmtrDSwsMIaq4lMkz6b9OomWSHT1YMRZMghNCqb4%3D&reserved=0 > > > > ________________________________ > From: Yishay Weiss <yishayj...@hotmail.com> > Sent: Wednesday, January 9, 2019 9:53:32 AM > To: dev@royale.apache.org > Subject: RE: BevelFilter > > Hi Olaf, > > > > Well, I was hoping to write a Royale bead rather than use a third > party library. I’m more interested in the alogorithm used for flash and > Photoshop, assuming that’s easily translatable to SVG [1] filters. > > > > Yishay > > > > ________________________________ > From: Olaf Krueger <m...@olafkrueger.net> > Sent: Tuesday, January 8, 2019 1:55:09 PM > To: dev@royale.apache.org > Subject: Re: BevelFilter > > Hi Yishay, > maybe it's worth to give GreenSock/GSAP a try [1][2]? > They provided a BevelFilterPlugin for AS3, maybe they ported it to > SVG? > I am not sure about the license... > > Olaf > > [1] > > https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgreensock.com%2Fgsap&data=02%7C01%7Caharui%40adobe.com%7C5bb8051c78a444adf4e408d6760ecf0c%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636826203305954160&sdata=1cW23T%2Bt06XyjSQV4gLKoDq1%2FkA1qkT0wx2UOPiossk%3D&reserved=0 > > [2] > > https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgreensock.com%2Fforums%2Ftopic%2F16855-animated-masked-svg-bevel-and-carve%2F&data=02%7C01%7Caharui%40adobe.com%7C5bb8051c78a444adf4e408d6760ecf0c%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636826203305954160&sdata=I15PbQAwwDoRGiz1vAd6vZ16fjtyG%2FHzCKrM6yU3%2Fo4%3D&reserved=0 > > > > -- > Sent from: > https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fapache-royale-development.20373.n8.nabble.com%2F&data=02%7C01%7Caharui%40adobe.com%7C5bb8051c78a444adf4e408d6760ecf0c%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636826203305954160&sdata=K%2Byn93E7U72iic1MNnkiy8sqQpxye21O2pygc84aXAk%3D&reserved=0 > > > > >