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
