TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: I built an online image editor using WebGL and CSS transforms

425 pointsby rikschenninkover 5 years ago

25 comments

tobiaswkover 5 years ago
Cool!<p>Can&#x27;t help but to mention photopea; <a href="https:&#x2F;&#x2F;www.photopea.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.photopea.com&#x2F;</a> Pretty impressive stuff made by one guy (it was initially). Basically a viable alternative to photoshop in a browser.
评论 #20984289 未加载
评论 #20983982 未加载
评论 #20988400 未加载
tomashubelbauerover 5 years ago
Well done, the app is really smooth even on mobile and I can definitely see it being used for the most common types of image processing. I like the premise of using WebGL and CSS filters. Are you going to open source it? I&#x27;d love to see how you implemented that.<p>Edit: Never mind, I just realized this showcases Doka, a commercial component for image processing on the client so that you don&#x27;t need to do the image processing in the server. Neat product as well.
评论 #20982782 未加载
daliusdover 5 years ago
As I&#x27;m doing something very similar (but different) for my new product so I definitely checked it out.<p>What I like:<p>* Image orientation (from EXIF) support<p>* I like how intuitive it is<p>* I will absolutely use some minor ideas in my product that I have not considered using.<p>What I dislike:<p>* I have uploaded 10000 x 6672 image (this one <a href="https:&#x2F;&#x2F;unsplash.com&#x2F;photos&#x2F;2S4FDh3AtGw" rel="nofollow">https:&#x2F;&#x2F;unsplash.com&#x2F;photos&#x2F;2S4FDh3AtGw</a>) and I see that you scale it down. My experience shows that both Firefox and Chrome handles such large image without problems.<p>* Delay between action and reaction is too high for my taste. It feels unnecessary sluggish. UPDATE: tested with Chromium and it feels response. Only Firefox is sluggish.<p>* Flip does not center around zoom<p>Anyway, awesome work as I know some pain points you might have experienced :)
评论 #20983128 未加载
评论 #20983391 未加载
bitLover 5 years ago
Cool! Congrats! Welcome to the club! ;-)<p>BTW, does anyone know if there is a transpiler I could use to write an image processing&#x2F;geometry algorithm&#x2F;animation algorithm once and then target whatever output language&#x2F;platform combo is desired? I really dislike JavaScript, I am way more productive in e.g. C++, but I need to rewrite my algorithms from C++ into Java&#x2F;Swift&#x2F;JavaScript&#x2F;Python&#x2F;CUDA&#x2F;Kotlin, depending on a platform I address, and frankly I am getting tired of that. I just want to have a vanilla algorithmic code that is pretty transferable across platforms (desktop&#x2F;web&#x2F;iOS&#x2F;Android) automatically transpiled to another language as I need (with platform-specific stuff done in a custom fashion of course); I don&#x27;t care about performance optimizations for that (no time for that per platform anyway). WebAssembly is supposed to help but it&#x27;s still not there yet.<p>Thanks for any advice!
评论 #20990872 未加载
评论 #20992336 未加载
lucasverraover 5 years ago
i&#x27;ve been looking for an online web tool that allows me to :<p>- paste image 1 from clipboard on canvas<p>- paste image 2 from clipboard on canvas<p>- play with canvas overall size to adjust surface of ima1+ima2<p>- anotate (text, arrow, square)<p>- maybe some template background colors<p>- copy entire canvas to clipboard or download png<p>today i&#x27;ve came back to native powerpoint on my machine with a template that i have to clean on startup (no blank template possible :()<p>Can you help ?<p>- <a href="https:&#x2F;&#x2F;whimsical.com&#x2F;a" rel="nofollow">https:&#x2F;&#x2F;whimsical.com&#x2F;a</a> =&gt; not quick and dirty enought - <a href="https:&#x2F;&#x2F;screenzy.io&#x2F;" rel="nofollow">https:&#x2F;&#x2F;screenzy.io&#x2F;</a> =&gt; do not manage 2 images
评论 #20988665 未加载
评论 #20984385 未加载
MarcScottover 5 years ago
This is perfect, thank you.<p>I need to crop and annotate images all the time for work. I used to use Skitch when I had a Mac, but since moving over to Linux there seems to be a complete lack of simple tools to do basic editing and markup.
评论 #20985211 未加载
leokennisover 5 years ago
Nice, and cool name too (I suspect you mean doka = Donkere Kamer = Dark Room?)
评论 #20983002 未加载
mk89over 5 years ago
It doesn&#x27;t work in Firefox 69.0 :&#x2F; Am I the only one? I select one of the images provided in the webpage and it gets stuck on &quot;Loading image...&quot;. Sigh...
评论 #20985109 未加载
评论 #20983442 未加载
评论 #20983721 未加载
sokoloffover 5 years ago
Very nice.<p>Suggestion: in the aspect ratio constraint picker, change “free” to “unconstrained”, “variable”, or “fully variable” to avoid the confusion with “no charge”.
评论 #20982947 未加载
评论 #20982892 未加载
janaagaardover 5 years ago
You forgot to add that it works well on a phone! Amazing work.
评论 #20982790 未加载
BilalBudhaniover 5 years ago
This looks great. I&#x27;m working on a small experimental project which will allow multiple users to collaborate on an image. I will fiddle around with Doka to see how this can fit in with our use case. Great work!
评论 #20983047 未加载
deftover 5 years ago
Really nice and simple, loads quickly unlike competitors and seems more useful for making memes &#x2F; simple image changes. Please add splicing images together, and freeform drawing.
pgtover 5 years ago
This is cool. Please consider adding a way to increase the size of the artboard and compose images on it. Put differently, let me &quot;uncrop&quot; the image or add margins.<p>Multiple times this week I had to pad height or width to a trimmed image to look good on apps like Instagram, or Tinder, or a Facebook cover page.
gvinterover 5 years ago
I&#x27;ve really enjoyed watching Rik build this library. Congrats, Rik!
评论 #20992435 未加载
zergioneover 5 years ago
Cool tool. Also I like the animations, improves the experience a lot!
mfbx9da4over 5 years ago
Would be cool to make as a PWA so I could use it offline
Gehinnnover 5 years ago
Nice ;) How come you use WebGL rather than e.g. SVG?
评论 #20982801 未加载
评论 #20982665 未加载
评论 #20982772 未加载
fareeshover 5 years ago
Looks good. I clicked crop, dragged the handles, then clicked resize, but it zoomed in and the image went underneath the menu.<p>Browser: Brave on Ubuntu
评论 #20982997 未加载
brailsafeover 5 years ago
Absolutely wonderful UI design. Though I&#x27;m not sure if there&#x27;s any contrast controls etc...
ybahubali2018over 5 years ago
Looks great. Excellent work.
评论 #20982805 未加载
danvesmaover 5 years ago
This is lush – great work
sharma_pradeepover 5 years ago
Great work. Checked out your other products, they are cool as well.
评论 #20982804 未加载
gwarnover 5 years ago
NIce job. Tested with Chrome. Excellent performance. Great work.
HyperTalk2over 5 years ago
You&#x27;re trying to charge people money for this? $1999 per year for unrestricted access? You can&#x27;t be serious?<p><a href="https:&#x2F;&#x2F;pqina.nl&#x2F;doka&#x2F;#pricing" rel="nofollow">https:&#x2F;&#x2F;pqina.nl&#x2F;doka&#x2F;#pricing</a>
评论 #20983962 未加载
评论 #20984011 未加载
评论 #20983412 未加载
评论 #20983401 未加载
zerm778over 5 years ago
wow so creative