- User uploads an image which gets loaded onto an HTML5 Canvas
- The image is then divided into blocks based on the selected block size
- Each block's average colour is calculated
- The emoji with the closest average colour is selected
- This loops until all blocks are processed
- The final image is displayed and can be downloaded or copied to clipboard
- Create a new array of emojis and their average colour like this:
const heartsOnly = [ { emoji: '鉂わ笍', color: [220, 20, 60] }, ... ]; - Add an option for the new set in the HTML file
- Modify the
findNearestEmojifunction to check for the new set