axelMI

5 ms·

1.
by axelMI 1y ago
you could have a look at the source code in https://github.com/xdadda/mini-photo-editor for image effects (demo at https://mini2-photo-editor.netlify.app/ )
2.
by axelMI 1y ago
cute :)
3.
by axelMI 1y ago
added thanks for the suggestion
4.
by axelMI 1y ago
done! added in the "composition" menu and fully integrated in the workflow I preferred just having an input with the correct pixels rather than % (to keep UI clean) but you'll get the same result
5.
by axelMI 1y ago
Mhh. Maybe if you can show me an editor/app that does what you require will help me figure out how it works and replicate it
6.
by axelMI 1y ago
I don't know if I have to thank you or just hate you! Spent best part of the day figuring out the whole srgb-linear thing. Well the workflow should now be srgb correct! Had to fix some of the shaders and they now work, except for the v
7.
by axelMI 1y ago
oh, in that case it's enough to go in the crop section, select "pic" to keep the current "picture" aspect ratio and resize the crop box
8.
by axelMI 1y ago
I must admit this baffles me a little. Width and heights are measured in pixels. The number of pixels of an image is width x height (eg a raw image 256x256 means it has 256*256 = 65.536 pixels = 262.144 bytes - if RGBA8). I cannot reduce it
9.
by axelMI 1y ago
Ok interesting. I'll investigate thanks
10.
by axelMI 1y ago
done!
11.
by axelMI 1y ago
numbers input added
12.
by axelMI 1y ago
thanks Just to better understand your request. a) the Ø at the right of a section resets the section's settings back to default zeros (it becomes white when available) b) closing a section doesn't lose it's settings, unless
13.
by axelMI 1y ago
a whole new rabbit hole to get sucked into !! ahahah
14.
by axelMI 1y ago
You are right thanks for the heads up!! It currently works in linear color space. I wasn't familiar with the issue. I need to figure out if it's enough in Webgl to add gl.SRGB8_ALPHA8 when loading/ copying textures or I shoul
15.
by axelMI 1y ago
That's true. But current shaders are very simple. The big issue I have with WebGPU is that it's still not supported by all browser (see Safari) while WebGL is nowadays everywhere. I work on a MacBook and I need to make sure that a
16.
by axelMI 1y ago
ehm, what? I'm not familiar with this issue
17.
by axelMI 1y ago
Easy, will add to the TODOs
18.
by axelMI 1y ago
Batch processing would ideally require a backend. Batch processing in the browser would be limited by memory space and therefore everything would have to be queued (even if on more webworkers) and very slow/ unreliable IMHO. What I&#x2
19.
by axelMI 1y ago
Actually it's very easy to implement in a webapp. I will just need to think if there's a sleeker way to do it in terms of UI than just adding a simple input box ... although generally simpler is better so
20.
by axelMI 1y ago
Editing number yes, will do next as I agree it's high priority from a usability pov.
21.
by axelMI 1y ago
maybe using the underlying webgl library could help your usecase? https://github.com/xdadda/mini-gl The constructor requires - a canvas (which can be an OffscreenCanvas) - an arrayBuffer with the image (which you eas
22.
by axelMI 1y ago
The actual webgl engine is packaged as a separate library https://github.com/xdadda/mini-gl As for the more complex UI modules (ie crop) in theory it shouldn't be too difficult to build a vanilla-js separate modul
23.
by axelMI 1y ago
Sorry, this at the moment is desktop only. Maybe in the future I'll work on a separate PWA, but UI would need a complete re-design
24.
by axelMI 1y ago
As mentioned in another comment, this is just a UI for https://github.com/xdadda/mini-gl
25.
by axelMI 1y ago
thanks!
26.
by axelMI 1y ago
No no I absolutely need this kind of feedback thanks! Being a solo developer is very difficult to gage usability and UX is definitely not my strength. I tried to integrate the crop/ composition in the natural workflow of image processi
27.
by axelMI 1y ago
let me know of any usability issue. I tried different combinations and this seemed intuitive for me (compared to other solution), but of course I'm too biased.
28.
by axelMI 1y ago
Whenever you feel like, ping me on github
29.
by axelMI 1y ago
thanks. It started as a proof of concept for a custom reactivity engine (based on signals and tagged template literals). But while at it I realised I needed something quick and easy for my needs. I already have a prototype for a self-hosted
30.
by axelMI 1y ago
Will have a look at this thanks! in the meantime I've added a quick sample gallery to test the editor out

More ›