Webogram: Update emojis

Created on 28 Sep 2016 · 29Comments · Source: zhukov/webogram

Emojis in Telegram have got a new look. Update emojis even in Webogram to have the same look.

Source

azzimuth

👍12 👎2

Most helpful comment

@Ryuno-Ki XD
I'd look into it next year unless someone does it before me :)

stek29 on 20 Dec 2016

👍6

All 29 comments

Please no, iOS 10 emojies are just awful.

stek29 on 6 Oct 2016

👎2

Well you might not like it but there are others who like it. I would like to see that my messages look the same both in Webogram and on Telegram apps.

azzimuth on 10 Oct 2016

@azzimuth Either give user a choice or keep the old ones (like TDesktop)

stek29 on 10 Oct 2016

Why not, option sounds reasonable

azzimuth on 10 Oct 2016

Too many options can lead to Analysis paralysis!

Ryuno-Ki on 10 Oct 2016

😄1

We do not have many options on Webogram. I don't see any risk for analysis paralysis.

azzimuth on 11 Oct 2016

Right now, yes. I just want to not add options blindly.

Ryuno-Ki on 11 Oct 2016

Just an example. A message looks so in Webogram:

And the same message in Telegram Android app:
img_20161013_102953

azzimuth on 13 Oct 2016

@azzimuth There's also one more issue with it: current implementation doesn't support skin tones, so it's not just "Add new emojis", it's "Rewrote emoji related code and add new emojis"

stek29 on 16 Oct 2016

This is important, is not consistent with Telegram in other platforms

andresro14 on 24 Oct 2016

@zhukov Any plans to implement this? I even noticed that many emojis, which are available in the app, cannot be sent from Webogram.

azzimuth on 22 Nov 2016

After reading up that lengthy article about Emoji and Unicode on SmashingMagazine, I wonder wether this here is an OS issue.

@zhukov Look into the EmojiOne project if you want to implement this.

Ryuno-Ki on 22 Nov 2016

Hi. Please guide me how to bring back old look emojis without going back to old updates of telegram. Is there any way i can bring them back? These new look emojis dont express feelings right. Pleaaaaaaaseeee

ehsannozari on 26 Nov 2016

@ehsannozari Are you sure you're talking about Webogram?

stek29 on 26 Nov 2016

Btw, why doesn't Webgoram just use EmojiOne's libraries?

stek29 on 20 Dec 2016

@stek29 I can imagine it has to do something with plenty of open tickets and @zhukov working more or less alone on Webogram …

PRs welcome ;-)

Ryuno-Ki on 20 Dec 2016

@Ryuno-Ki XD
I'd look into it next year unless someone does it before me :)

stek29 on 20 Dec 2016

👍6

Just an update: Telegram Android app has been updated and added new emoji icons.

Akronix on 4 Jan 2017

Btw, I tried to fix this in the past. But I found it quite hard to know how the emojis are loaded in webogram without any help or docs :confused: Maybe some directions from @zhukov would help.

Akronix on 4 Jan 2017

😕1 👍1

I'm working on adding tests in #1293. Having a decent coverage will take a while …

Ryuno-Ki on 4 Jan 2017

@Akronix do you have specific questions? All emoji related things are in config.js:Config.Emoji (list of emojis with data), message_composer.js:EmojiTooltip (display emojis in tooltip) and ng_utils.js:wrapRichText (replacing emoji characters with icons).

zhukov on 6 Jan 2017

I think one important step further to new emojis is to habe css sprites with all the new emojis. The emojis can be downloaded e.g. here http://emojipedia.org/apple/

Unfortunately there are almost 1.4k emojis with random filenames. So it's a lot of work to create all the css sprites. Additionally the sprites should be created with some consistent logic (like the same emoji in different colors should be always in the same col and row of the sprites to minimize programming effort).

Does anyone have a better source or better idea how to generate the sprites?

tim-peters on 14 Jan 2017

I can use DownThemAll! or write a script to download all the emojis, how should I create the sprites afterwards? maybe, is there already a gulp command for this?

Akronix on 14 Jan 2017

@tim-peters use EmojiOne (the lib, not actual emoji)?

IMHO the best way to create sprites is to use sprite generators.
And the best way to get correct class is to use charcodes.
It's what EmojiOne does.

Also, It's not just about updating the sprites, the modifiers are just not supported at all.

stek29 on 15 Jan 2017

Well, I'd start just updating the emojis and see the modifiers thing later...

@stek29 you mean this: https://github.com/Ranks/emojione/tree/master/lib ?

Akronix on 15 Jan 2017

👎1

@Akronix yup
IMHO it's better to rewrite it to use emojione lib, than update it now and see it working till next unicode release.

stek29 on 16 Jan 2017

Duplicate #760