gradient.quasi.ink

Agree Rather scroll through 1KB than 2MB.

Good job on this- very cool. I think it'd be a nice addition to have a "randomize settings" button, or perhaps allow a "travel" mode where the x/y positions change in smaller…

Love it. I'll definitely use it. Thank you!

This is not beautiful. It's ugly. The lines are very harsh. No artist would make something that looks like this. Props for the effort. It was clever idea. But it didn't work. I'm…

Not very beautiful.

In Firefox the gradient is not as smooth as in Chrome, looks like they are using different scaling algorithms. It's more noticeable with higher sample area settings:…

This doesn't seem to work for Firefox on Android. Instead, I see three giant pixels, with a discrete border between them.

It's actually a very low resoluton image (3x7 by default), stretched using the bilinear filtering provided by the browser. Chrome and Safari produce smooth images. Firefox for…

For me, Firefox renders boxy pixels on OS X and smooth gradient on Windows. I filed a Firefox bug for this difference in scaling: https://bugzil.la/1238304

>> The browser's image smoothing algorithm takes care of the rest. So it doesn't survive noscript? Without scripts the OP is just a black background. Call me old, but I'd rather…

This may be counter to your original design intent, but I know people who would like to put these gradients into powerpoint. Would you be able to generate an arbitrarily sized…

Good idea and yes, it's certainly doable and it's on the todo list.

Good job on this- very cool. I think it'd be a nice addition to have a "randomize settings" button, or perhaps allow a "travel" mode where the x/y positions change in smaller…

I just noticed that :) Was working on adding a randomize button, but having trouble building. Are you using gulp or webpack or a combination? I'll submit a PR after editing this…

Gulp for SASS and Webpack for ES6 transpilation. Dat.GUI button is a good way to go, I'll definitely accept a PR. Thanks in advance.

Bilinear filtering doesn't look that great to me, is there a way to get bicubic interpolation or similar?

Yeah, seems like it is bilinear interpolation in Firefox and bicubic in Chrome. https://en.wikipedia.org/wiki/Bicubic_interpolation

Lovely app, I like this type of gradient backgrounds. Came to my mind the decision you made to not be able to generate a custom link for uploaded images, and I wonder, is there a…

Thanks :) It can be done, but the because of URL limits, the image should be saved. I plan to allow full scale downloads and I might just store custom uploads too.

The image is a derivative work; it's derived from the original stock image. If the stock image is protected by copyright, and you don't have a license to use it (for anything),…

According to the page: "The images used in the project are all public domain stock images."

Indeed, but it is derivative, not fair use. If the source can be used and modified freely (public domain, appropriate Creative Commons subtype), then it is also the case for the…

Is this guaranteed (by web standards) to show correctly on all browsers?

I love this -- Nicely done! Does anyone know; is the smoothing guaranteed to be consistent across multiple browsers (I'm guessing it's done on GPU when possible with a software…

There's also the CSS property `filter: blur(<length>)` which basically has the same effect with a high enough length value. Not every browser supports it yet, of course (i.e.,…

If you love gradients and randomness: https://chrome.google.com/webstore/detail/random-gradient/gaklopmcfgbcdnehdleeocjfhaipajgf?hl=en-US

Good job on this- very cool. I think it'd be a nice addition to have a "randomize settings" button, or perhaps allow a "travel" mode where the x/y positions change in smaller…