fruityth1ng

Thanks! The way it shows in Chrome is the way I intended it. My more technical friend is looking at the crossplatformy'ness. He got firefox working at least, and we're thinking of using fallbacks for browsers that give us too much pain. I'll pass him this thread for your very kind testing report Right now we're looking at dynamically disabling layers when there's too many in the same place, to combat those overlapping edges. I'll report back!

Hi! I'm trying to bevel (extrude) and carve (cut into the page) this shape as an animated button. I have more complex shapes to do this with, which is why I came up with this layer stacking approach. I'd love to hear better ones! I've also used this approach with images, which one can smear & darken this way, a nice effect when used with textured images! My ask is about the few frames that the shape is closest to being "flush" with the panel it's on/in. When masking between the bevel / carve parts, we see an aliasing artefact that is made worse by it being so close, in time, to the other state. When the white part pops out, it's a bit "fat", and when it's going in, the dark part is visible at the edges. The glitchyness is most noticeable on non-retina screens. Would you have any idea on how to make the less extreme states of this animation less glitchy?