eric-lobdell / emoji-gram Goto Github PK
View Code? Open in Web Editor NEWThis project forked from miked1ck/emojiart
React app that takes input and renders emoji letter art
This project forked from miked1ck/emojiart
React app that takes input and renders emoji letter art
Cannot find a way to disable keyboard.
If you type pre-defined phrases, the art will swap the original defaults to a specific pair of emoji.
example: "Happy Birthday" = 🎉/🍰
It would be nice to be able to add phrases to a 'dictionary' .json file and add their emoji pair as the 'definition' or something.
We used an old repo of EmojiArt. Need to update / merge with current master, here:
https://github.com/michaeldick/emojiart
Emoji on android aren't all mono-width, causing some art to render poorly. Need to detect which browser is being used, and serve a different emoji list for android browsers.
AI: create a short list of Android friendly emoji
AI: create function to determine which browser is being used and serve appropriate emoji list.
When you copy the emoji art and then paste it into messenger, you get a result like this:
❄️❄️❄️❄️❄️❄️❄️❄️
/react-text react-text: 190 ❤️❤️❤️❤️❤️❤️❤️❤️
❤️❤️❄️❤️❤️❄️❤️❤️
❤️❄️❄️❤️❤️❄️❄️❤️
❄️❄️❄️❤️❤️❄️❄️❄️
❄️❄️❄️❤️❤️❄️❄️❄️
❄️❄️❄️❤️❤️❄️❄️❄️
❄️❄️❤️❤️❤️❤️❄️❄️
❄️❄️❄️❄️❄️❄️❄️❄️
/react-text react-text: 191 ❤️❤️❤️❤️❤️❤️❤️❄️
❄️❤️❤️❄️❄️❤️❤️❄️
❄️❤️❤️❄️❄️❄️❄️❄️
❄️❤️❤️❤️❤️❤️❄️❄️
❄️❤️❤️❄️❄️❄️❄️❄️
❄️❤️❤️❄️❄️❤️❤️❄️
❤️❤️❤️❤️❤️❤️❤️❄️
❄️❄️❄️❄️❄️❄️❄️❄️
/react-text react-text: 192 ❄️❄️❤️❤️❤️❤️❤️❄️
❄️❤️❤️❄️❄️❤️❤️❄️
❄️❤️❤️❤️❄️❄️❄️❄️
❄️❄️❤️❤️❤️❤️❄️❄️
❄️❄️❄️❄️❤️❤️❤️❄️
❄️❤️❤️❄️❄️❤️❤️❄️
❄️❤️❤️❤️❤️❤️❄️❄️
❄️❄️❄️❄️❄️❄️❄️❄️
/react-text react-text: 193 ❤️❤️❤️❤️❤️❤️❤️❤️
❤️❤️❄️❤️❤️❄️❤️❤️
❤️❄️❄️❤️❤️❄️❄️❤️
❄️❄️❄️❤️❤️❄️❄️❄️
❄️❄️❄️❤️❤️❄️❄️❄️
❄️❄️❄️❤️❤️❄️❄️❄️
❄️❄️❤️❤️❤️❤️❄️❄️
❄️❄️❄️❄️❄️❄️❄️❄️
http://www.lobdell.me/emoji-gram
-- Test from mobile safari / mobile chrome. The button doesn't actually make a selection of the text.
The width of the emoji carousel-selectors is too narrow.
When you roll through the emoji too fast, the one displayed at the bottom of the screen is not the one reflected in the actual art. Sometimes the "selected" emoji is off screen even.
Web app is too wide on desktop. Set a max width for improved usability.
When you background emoji-gram it forces a reload when you re-open it causing emoji selections and phrase to be cleared.
Background ❄️
Letter ❤️
The input field is currently limited to letters only. The library now includes numbers and some special characters.
The black arrow-box that tells you what X does should be removed. I hacked it out here: www.lobdell.me/ohno2 -- so you can see the intended behavior.
Buttons that toggle two different art libraries: "serifs" and "sans serifs"
Type a word
Pick a left side emoji
Pick a right side emoji
Press [A button] and the art would switch to using the Sans-Serif (here).
The currently selected font would change in opacity to reflect a "selected" state.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.