search

phlntn / emojibuilder

295 stars 109 forks source link

Revive with open source assets? #8

Open luser opened 4 years ago

luser commented 4 years ago

I played with this tool a while back and loved it, I'm sad to see that you had to take it offline. There are several open-source emoji sets that would be usable if you wanted to revive it in a copyright-friendly way.

Twitter's Twemoji set is one of the most popular and I've used it for a few things before. It's the emoji font they use for Twitter.

Google also has their Noto Color Emoji set which is the emoji font for Android.

There's OpenMoji which I'm not very familiar with but is CC-BY-4.0 licensed.

I believe there are a few others but the question is more to whether you'd be interested in pursuing this at all than which particular emoji set you ought to use.

pulkit-grappus commented 4 years ago

@luser do you know how can I add any of these emojis you mentioned above to the project?

luser commented 4 years ago

@luser do you know how can I add any of these emojis you mentioned above to the project?

I think it'd be a little bit of work. You'd have to take the vector versions of the emoji assets from one of them and split out the pieces corresponding to what this project wants, which is basically everything listed here: https://github.com/phlntn/emojibuilder/blob/master/src/assets.js

You'd have to write each piece into a png file as public/assets/<name>.png in this repo, so like public/assets/face_base.png for the base face shape.

pulkit-grappus commented 4 years ago

I was hoping you don't say that 😄

rs-v commented 3 years ago

what a pity 😮

beniter commented 4 weeks ago

Hi there @luser ! I know it's been forever since you raised this issue, but I followed your recommendations and created vectors for all of the emoji parts and saved pngs in the assets folder. The app is still stuck on the loading screen on my end though and I can't figure out why.

@luser do you know how can I add any of these emojis you mentioned above to the project?

I think it'd be a little bit of work. You'd have to take the vector versions of the emoji assets from one of them and split out the pieces corresponding to what this project wants, which is basically everything listed here: https://github.com/phlntn/emojibuilder/blob/master/src/assets.js

You'd have to write each piece into a png file as public/assets/<name>.png in this repo, so like public/assets/face_base.png for the base face shape.

beniter commented 6 days ago

Figured I'd return since I've got the solution. After creating those vectors, you need to edit the path created in componentDidMount() in /src/App.js. You need to add "emojibuilder/" without the quotation marks at the front of the definition of the url contained within the promise. That looks like this for me: 

return Promise.all(assets.map(asset => {
  return new Promise((resolve, reject) => {
    const url = `emojibuilder/${config.assetBasePath}/${asset.name}.png?v4`;