Coming to an end

I am kind off getting frustrated with this project, I cant handle this stack anymore , I yearn for hardware again. I am aiming to finish this in the next 2 weeks!

Well any ways here is what I did:

Output stretching

Until now the grid output was always a square, so if you had a non-square resolution it would be stretched to one. Now it actually gets the shape of the resolution and it uses the most of the usable space it can. I also added a option to return to the original method.

Blur

Initially I had some problems with drawing pixels to the canvas. I drew rectangles to the canvas but some image smoothing settings were adding anti-aliasing and similar stuff making the pixels look weird. I fixed that by just creating raw image data, but it was a cool effect for some situations, like generating a gradient. So I added a option to toggle this image smoothing of the browser. Sadly as it is browser based I’d probably has very different results on different browsers.

Small UI

I did a bunch of css fixes to make the ui more resizable and trigger a bunch of stuff on resizing.

Then I added a tabbar and reduced the layout. In the normal layout the editor and output are side by side and when the screen is too small only one is shown and you can switch with the tabbar. It also moves the top bar actions into a setting pop up.

Tip box

Some features might not be self explanatory, so I added this small tip tool when hovering above stuff for some time.

To not be stuck on this for too much longer I scrapped the idea of the landing page and I will instead add a tutorial.