TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: I built the most over-engineered Deal With It emoji generator

832 点作者 klimeryk7 个月前
Hi, all! Author here. What started as a small tool I built for a job interview, became &quot;The Most Over-engineered Deal With It Emoji Generator&quot;:<p>- All operations done fully client-side - no backend, no private data leaves your browser. - Uses machine learning models (MediaPipe Face Detector task) to automatically scale and position glasses on the detected faces. - Extensive customization options for glasses: - Placement of glasses anywhere on the input image (including slightly going outside it). - Change the size of glasses. - No limit on the number of glasses. - Flip the glasses vertically or horizontally. - Customize the direction from which the glasses appear on the image. - Different types of glasses. - GIF output options: - Looping mode. - Number of frames. - Frame delay. - Separate delay setting for last frame. - Output size. - Celebration confetti - Easter eggs.<p>I&#x27;ve been working remotely for the last &gt;9 years. When using non-verbal communication, it&#x27;s important that your tone and intent comes across accurately.. Custom emojis became for me part of expressing yourself, creating bonds and camaraderie. I&#x27;ve originally created an MVP of this tool while applying for a exciting new job opportunity. As a showcase of my passion for programming, building teams and creating delightful user experiences. Unfortunately, they were not impressed and ultimately did not offer me the job :( But I wanted to polish it and release it for everyone to use for free, so that you can too &quot;Deal With It&quot;!<p>I have more ideas for even more features (check GitHub[1]), but wanted to launch it and see what&#x27;s the feedback and ideas from the community! And if you&#x27;re looking for a Fullstack Developer with &gt;14 years of experience, with passion for great customer experience (remote work or locally in Iceland), let&#x27;s chat!<p>[1] - <a href="https:&#x2F;&#x2F;github.com&#x2F;klimeryk&#x2F;dealwithit">https:&#x2F;&#x2F;github.com&#x2F;klimeryk&#x2F;dealwithit</a>

54 条评论

zamadatix7 个月前
This is 100% the kind of thing I was hoping for when daydreaming &quot;what will the internet be like 20 years from now&quot; growing up. Cool design, hilariously overpowered backend to do something basic (but do it so well), and 0 of the corporate feeling or ad apocalypse. Awesome stuff!
评论 #41850669 未加载
kjaer7 个月前
This made me smile :)<p><pre><code> if (looping.mode === &quot;off&quot;) { &#x2F;&#x2F; If you waited for a day, you deserve to see this workaround... &#x2F;&#x2F; Since there is no way to not loop a gif using gifwrap, &#x2F;&#x2F; let&#x27;s just put a reeeeaaaaallly long delay after the last frame. return 8640000; }</code></pre>
评论 #41855981 未加载
评论 #41853292 未加载
评论 #41855055 未加载
andybak7 个月前
I love it: <a href="https:&#x2F;&#x2F;s1.gifyu.com&#x2F;images&#x2F;SB5A9.gif" rel="nofollow">https:&#x2F;&#x2F;s1.gifyu.com&#x2F;images&#x2F;SB5A9.gif</a>
评论 #41850096 未加载
airstrike7 个月前
<i>&gt; Unfortunately, they were not impressed and ultimately did not offer me the job :(</i><p>Sorry to hear that. No recruiting process is perfect. They often get it wrong, as they clearly did here!
评论 #41850903 未加载
评论 #41849453 未加载
评论 #41852857 未加载
评论 #41848995 未加载
评论 #41852389 未加载
评论 #41850450 未加载
ChrisArchitect7 个月前
Thank you Slack? For the confusing use of &quot;emoji&quot; instead &quot;animated GIF&quot; or sticker.
评论 #41853051 未加载
评论 #41853672 未加载
评论 #41852860 未加载
asdfman1237 个月前
I&#x27;m a Google employee. After looking at this demo I can tell you&#x27;re spiritually a Googler in ways I can&#x27;t quite articulate.
评论 #41852354 未加载
评论 #41855666 未加载
评论 #41852114 未加载
steve_adams_867 个月前
Thanks for sharing this. I love tiny projects like this, especially if they’re over engineered.<p>The job market is rough. I have no doubt you were considered, and they were interested, but everyone is giving their all right now. Someone likely submitted something even cooler, somehow.
评论 #41850286 未加载
underlines7 个月前
The company who didn&#x27;t hire you will soon use your tool because they feel remorse for not hiring you, and now they have to &quot;deal with it&quot;
评论 #41850710 未加载
bewuethr7 个月前
A rudimentary version of this used to be integrated into Giphy[1], but it seems to be broken now, meaning the market is wide open for this! ;)<p>[1]: <a href="https:&#x2F;&#x2F;giphy.medium.com&#x2F;the-secret-giphy-slack-commands-9cb4693ca6bf" rel="nofollow">https:&#x2F;&#x2F;giphy.medium.com&#x2F;the-secret-giphy-slack-commands-9cb...</a>
m2fkxy7 个月前
it&#x27;s useless thence I love it.<p>I lied, in fact I just used it to create a couple Slack emojis.
评论 #41848877 未加载
TZubiri7 个月前
This is useless, I can&#x27;t make the glasses come from below, in addition to coming from above.<p>Also, glasses can only be black? We demand a color palette for glass colour.<p>EDIT: wait, I managed to make the glasses come from below<p>blob:<a href="https:&#x2F;&#x2F;emoji.build&#x2F;50c07035-efb9-4341-9205-30adfd6b088e" rel="nofollow">https:&#x2F;&#x2F;emoji.build&#x2F;50c07035-efb9-4341-9205-30adfd6b088e</a><p>I retract my indignation on the one half of my requests, but transfer it doubly so for the request of a colour palette
评论 #41853913 未加载
评论 #41849445 未加载
评论 #41849388 未加载
评论 #41849491 未加载
jitl7 个月前
I got an error after clicking the &quot;Deal with it&quot; button.<p><pre><code> Graph successfully started running. Uncaught (in promise) Error: Unsupported MIME type: application&#x2F;xml at Et.a (gif.worker-WYu6DU4i.js:23:56331) at Et.zt (gif.worker-WYu6DU4i.js:23:78271) </code></pre> This might be caused by my workplace enforcing the Okta chrome plugin :(
评论 #41858938 未加载
评论 #41857155 未加载
klabb37 个月前
Used in WhatsApp on iOS the last frame didn’t stay, it seems to stop instantly and&#x2F;or loop back to too early. IIRC I used 20 frames, 250ms between frame and 2500ms for the last one. Seems to have a similar problem on Telegram.<p>Otherwise incredible. The customization options are much appreciated.
评论 #41849492 未加载
jihadjihad7 个月前
It&#x27;s great. I wish you could paste an image URL too, that would be slick.<p>Oh, and it would be cool to have an option for the meme text to go under the image too, and to appear in the final frame of motion for the glasses. For now, I can DEAL WITH IT!
评论 #41849805 未加载
ninju7 个月前
Found a bug<p>If *after* generating a gif you change the gif size (bigger in my case) the new gif has the sunglasses appear in the same place. But if I change the size first and then generate everything work fine.<p>Hope I explained it right
评论 #41849723 未加载
评论 #41850637 未加载
eezing7 个月前
Great way to promote yourself. Well done!
m0007 个月前
Well done! I had built something similar, but as a cli tool. It must still be sitting on my old laptop, never took the time to spin it up as a service.<p>What I miss feature-wise from my variant is text. IIRC, I had two lines of text (top and bottom, rendered in capital Impact of course) that were configurable on when they appear and for how long.<p>The main use of the text was to tease friends supporting rival sports teams after lost games. E.g. &quot;STILL THE BEST&quot; &quot;DEAL WITH IT&quot;.
teqsun7 个月前
That&#x27;s fantastic stuff!<p>Minor UX notes: - clicking the header doesn&#x27;t navigate back to the &quot;home&quot; screen - singular page history (so the back button doesn&#x27;t take you back to the previous page state)<p>Combined it made it not intuitive for me how to &quot;get rid&quot; of the selection I&#x27;d created (I eventually figured it out, but the previous two points were what I intuitively tried first)
评论 #41849428 未加载
devmor7 个月前
I adore it. I would love the ability to add frame delay (and maybe start&#x2F;end position&#x2F;rotation tweening?!) to each layer of glasses.
评论 #41849455 未加载
CodeWriter237 个月前
You have done great service to the internets
think_build7 个月前
I love over-built projects. Do not worry about the job offer, the current market is posting job offers that do not exist.
silisili7 个月前
This is actually really neat. I like the configurability. Is there an option to change glasses size that I missed? I think that&#x27;s the only thing I noticed I couldn&#x27;t do when playing around with it.<p>* Found it, there is a small indicator in bottom right of glasses that allows dragging out to resize. Thanks all!
评论 #41850899 未加载
评论 #41850871 未加载
pelagicAustral7 个月前
I like it... faved for future fuckery. Can you add background photo rotation or shades rotation?
评论 #41848835 未加载
ks20487 个月前
Nice job. Although I disagree with the adjective &quot;over-engineered&quot;. I think it means using too much machinery to accomplish a simple task (bad), where here it seems to mean having lots of options (good).
ryandrake7 个月前
Infinite spinner for me: Stuck at &quot;Loading AI models for face detection...&quot; forever. I&#x27;d want to fix that before sharing it with recruiters as an example project.<p>Desktop Safari 18.0.1 (18619.1.26.111.11, 18619)
评论 #41854472 未加载
评论 #41849966 未加载
评论 #41849941 未加载
WolfCop7 个月前
Looks cool, but getting an error in Safari after clicking &quot;Deal with it!&quot;.<p>Unhandled Promise Rejection: Error: Unsupported MIME type: application&#x2F;xml<p>On this line:<p>Q = await getGlassesImages(p, D, O);<p>This is a 2020 M1, Safari 17.6.
评论 #41857297 未加载
chiefrubberduck7 个月前
awesome tool :) thank you for making and sharing it!<p><a href="https:&#x2F;&#x2F;s11.gifyu.com&#x2F;images&#x2F;SB5XB.gif" rel="nofollow">https:&#x2F;&#x2F;s11.gifyu.com&#x2F;images&#x2F;SB5XB.gif</a>
yapyap7 个月前
My god this is so bad, I love it.<p>(bad in a taste way, not in the engineering way)
chankstein387 个月前
This is great! I always joke with my girlfriend about people in billboards or whatever needing deal with it glasses and will likely use this regularly haha Thank you!
stavros7 个月前
Oh man, this is amazing, I love it. Well done.
morkalork7 个月前
Please please please add a blunt&#x2F;joint option. I think my favorite ever use of this meme was in Colossal (2016).
dsalaj7 个月前
Cool, thanks! It desperately needs the copping feature for the original image, so I don&#x27;t need other tools.
Aardwolf7 个月前
It seems some memes just stick forever :)
intelVISA7 个月前
Really nice, can&#x27;t believe any good place would turn this down. You should be relieved, in a way.
llampx7 个月前
This could be a reCAPTCHA test, to train the models to better detect eye position and face angle.
评论 #41848863 未加载
cabidaher7 个月前
Thank you for sharing this. Many laughs were had!<p>The company you were applying to sure missed out!
jammaloo7 个月前
Hell yeah, this is great. I made a similar, but much worse, thing a while back<p><a href="https:&#x2F;&#x2F;jammaloo.com&#x2F;DealWithIt&#x2F;" rel="nofollow">https:&#x2F;&#x2F;jammaloo.com&#x2F;DealWithIt&#x2F;</a><p>It uses face-api.js to find the face, and then move the sunglasses over it. It&#x27;s about a 5 meg model, so it&#x27;s pretty slow to load. You can customize with a URL, or drag and drop an image on. Resizing the browser also moves the glasses around.<p>Very happy to see someone take the idea way way way further!
评论 #41849900 未加载
i_am_a_squirrel7 个月前
Thank you OP. I needed this.
nyoomboom7 个月前
Must not know who ASAP Rocky is because it didn&#x27;t deal with him
agos7 个月前
this is great. feature request: DEAL WITH IT caption and relative options
评论 #41849182 未加载
joshdavham7 个月前
I love the UI! Definitely gonna inspire from it for a future project
评论 #41849826 未加载
donq1xote17 个月前
hahah dude this is great idea. This is something very fun to play with. Maybe you can consider to add more memes related data on it.
howmayiannoyyou7 个月前
Thank you for this. Changed my life for the better.
cannibalXxx7 个月前
great project mate! but i&#x27;d like to know how to get in touch with you. please reply with an email address where i can contact you
vladde7 个月前
Love it. I&#x27;ll definitely be using this!
navigate83107 个月前
Very clean, it just works!
mattmar967 个月前
This rules. Nice work!
rralian7 个月前
Nice work klimeryk!
评论 #41858949 未加载
b2127 个月前
Great job, thanks for sharing.<p>Just noticed what company you did leave and I have even more respect for you.<p>Someone get this guy a job please.
评论 #41858991 未加载
blacksqr7 个月前
:‑O
tonymet7 个月前
yet the back button...
sheerun7 个月前
Your third official example works pretty bad for me (glasses are below eyes), but good luck with next iterations
fHr7 个月前
Now this is amazing, well done.
jhickok7 个月前
Thanks I hate it. Seriously tho, I&#x27;ve already used this twice at work today.