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

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.

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.

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 :)

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!

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

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.

Nice, and cool name too (I suspect you mean doka = Donkere Kamer = Dark Room?)

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...

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”.

You forgot to add that it works well on a phone! Amazing work.

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!

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.

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.

I&#x27;ve really enjoyed watching Rik build this library. Congrats, Rik!

Cool tool. Also I like the animations, improves the experience a lot!

Would be cool to make as a PWA so I could use it offline

Nice ;) How come you use WebGL rather than e.g. SVG?

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

Absolutely wonderful UI design. Though I&#x27;m not sure if there&#x27;s any contrast controls etc...

Looks great. Excellent work.

This is lush – great work

Great work. Checked out your other products, they are cool as well.

NIce job. Tested with Chrome. Excellent performance. Great work.

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>

wow so creative