Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yell0wsuit/ms-fluent-emoji-animated
Animated Microsoft Fluent emojis from Microsoft Teams using WebP
https://github.com/yell0wsuit/ms-fluent-emoji-animated
Last synced: 17 days ago
JSON representation
Animated Microsoft Fluent emojis from Microsoft Teams using WebP
- Host: GitHub
- URL: https://github.com/yell0wsuit/ms-fluent-emoji-animated
- Owner: yell0wsuit
- Created: 2022-03-01T02:59:36.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-03-01T04:53:08.000Z (almost 3 years ago)
- Last Synced: 2023-03-06T22:14:03.583Z (almost 2 years ago)
- Size: 2.13 MB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Animated Microsoft Fluent Emojis (WIP)
Animated Microsoft Fluent emojis in WebP lossless format. This is a work-in-progress.
Taken from Developer Preview of Microsoft Teams.
This may appear as static on some browsers. Some of them may not appear anything at all.
## Supported browsers
- Google Chrome (desktop and Android) 32+
- Microsoft Edge 18+
- Firefox 65+
- Opera 19+
## Configuration
- GIMP with Python
- GIMP plug-ins: [ofn-layer-tiles](https://sourceforge.net/projects/gimp-tools/files/scripts/ofn-layer-tiles.zip/download), [Export Layer](https://github.com/khalim19/gimp-plugin-export-layers/releases)
- WebP lossless, export as animation, smaller output, delay for all frames 42 milliseconds.
## Guides (rough)
Very manual way, with a bit help from scripts.
- Open Microsoft Teams on the web, go to three dots near your avatar > About > Developer Preview. This might change the emoji appearance (for some), which you can right click and download emoji image.
- Install GIMP, then put plug-ins into ``%appdata%\GIMP\2.10\plug-ins``.
- Open emoji sprite you've downloaded in GIMP, then remove ".png" in the layer window (usually it's on the right).
- Change to RGB by Image > Mode > RGB.
- Go to Layer > Tiles > Split tiles (by width and height).
- Change the settings as follow (leave the Name as default) > OK:
- Wait until it finishes extracting, then go to File > Export Layers... (recommend to choose a new empty folder, as it'll generate a lot of images). In File extenstion enter ``webp`` > Export. Tick only Lossless, and untick the rest > Export. Then wait.
- Close the image (you can use default shortcut Ctrl + W) > Discard Changes.
- Go to File > Open as Layers. Navigate to the folder where the images are generated in previous step, Ctrl + A to select all. Then wait.
- Go to File > Export As. Choose your favorite folder to export > Export. Use the following settings:
