Request: "Post can't be empty" emoji
-
-
I second this motion!
I'd like to see the background made transparent, though.
-
Not quite perfect. I wanted it to have a transparent background, but I couldn't figure that out and gave up.
I'm not sure if it perfectly mimics Discourse's shake either. I've animated just an approximation.
-
I'd like to see the background made transparent, though.
I wanted it to have a transparent background
Well, if it's an emoji, we'll have to use custom CSS on it anyway to get the size right, so we could just attach the actual animation for the "post can't be empty" toaster to a static PNG.
-
Well, if it's an emoji, we'll have to use custom CSS on it anyway to get the size right, so we could just attach the actual animation for the "post can't be empty" toaster to a static PNG.
Alternatively, we can fix that in Gimp/PS.
-
If we want the semi-transparent shadow, we can't.
-
, so we could just attach the actual animation for the "post can't be empty" toaster to a static PNG.
Not sure what's doing that though. It seems to be the
rightproperty being animated, but not sure if by CSS or JS.
-
Well, for the emoji we'd probably do... oh boy, tricky, actually, if we want pure CSS... fixed width on the main element, and
padding-leftanimation? That should affect the:contentpseudo-element, should it not?
-
I have animated a transparent PNG in Blender and it looks transparent but the output isn't, for some reason.
See "Alpha: Transparent" under the Shading section (right below Ray Tracing).
I should turn off anti-aliasing too.
-
Did you set it to RGBA though?
-
Regarding RGBA: yes.
Meanwhile I've noticed the texture's influence on alpha was disabled, so I turned that on.
There's still an opaque background, but now it's black...
Edit: trying the Cycles render engine, though it's not the right one for the job. But at least it worked somewhat:
Edit 2: got it! Now it seems like GIMP's animated GIF output doesn't match the correct preview:
I'll have to figure out ffmpeg.
-
11 posts on the minutia of a small .png. We truly are Discodevs.
Filed under: Can you make it a slightly different shade of blue?
-
ffmpeg is giving me a black background too and I need to go.
If anyone wants a shot at making the transparent gif here are the frames:
post cant be empty.zip (287.0 KB)
-
@Lorne_Kates said:
11 posts on the minutia of a small .png. We truly are Discodevs.
Discourse Syndrome be spreading....
-
Why is it so blurry?
-
The cycles renderer is a photon tracer, so it's basically an underexposed photograph.
-
Edit 2: got it! Now it seems like GIMP's animated GIF output doesn't match the correct preview:
Looks like you're exporting it without setting the frame setting to replace.
-
I was. Alas, correcting that (also checking "use this disposal for all frames") didn't solve the problem.
I have also tried ffmpeg and ImageMagick without any luck. Wtf am I missing? The PNGs are correct. But the results so far have always been either a solid background or overlapping frames.
-
-
Looks like the shadow got condensed into a handful of individual pixels, but otherwise it looks good
-
I just took the PNGs and stuffed them into some online GIF creator.
Might try another one.
-
I've gotten that result (or something similar) plenty of times already. It does not look good to my eyes.
I wonder if the problem is in the convertion to 256 colors. I'll check for that next time I'm in front of the computer.
-
GIF can only have one transparent color, and it's the 0-alpha color. So you've got 255 opaque colors and one kind of transparency. 255 colors should be plenty for two shades of red and one shade of white with some antialiasing.
-
APNG <script> blagoblagoblag
-
You mean the format that is supported by Firefox and nothing else?
-
I've produced an APNG just for shits and giggles.
Firefox showed it with no animation.
(may be it didn't have any animation, I don't know)
-
You mean the format that is supported by Firefox and nothing else?
Maybe other browsers will finally have the incentive to support it.
That's how it works, right?
-
Of course! GIF transparency is all or nothing.
We'll have to settle for an emoji without a "real" shadow then.
-
Yes, a single usage on a forum even its users hate is great incentive to add support for a feature.
-
You mean the format that is supported by Firefox and nothing else?
Opera!
... 12 ...
-
Safari, even.
Yes, really.
