HackerTrans
TopNewTrendsCommentsPastAskShowJobs

roytanck

no profile record

Submissions

Show HN: 4K Desktop Wallpaper Generator

tanck.nl
258 points·by roytanck·il y a 5 ans·75 comments

comments

roytanck
·il y a 4 ans·discuss
Considering that your system, power supply, storage and connection won't be redundant, I would not recommend this if you want the website to have decent uptime.

The cost of a Pi would likely also pay for a decent low-end VPS for a years or so.
roytanck
·il y a 5 ans·discuss
Thanks to a very helpful contributor on Github, there's now a download link.
roytanck
·il y a 5 ans·discuss
I've done something similar in another project (avatar generator based on username). That code would always use a seed, and generate a new one when none was supplied.

The main issue I see is that all the non-random numbers in the code would need to remain fixed. I love tweaking those to improve the results. The link you'd share would have to be something like /v1/hash, where 'v1' is a folder with the 'frozen' version of the algorithm.

I also think the results would be less random/erratic, and since the images this generates are only around 150 kilobytes, they are also easy to share :).
roytanck
·il y a 5 ans·discuss
Thank you. I tried to implement this, but I got empty/missing images on mobile browsers. It basically worked everywhere where right-clicking also worked. I'll look into it more when I have more time.
roytanck
·il y a 5 ans·discuss
This wallpaper generator was written on a Raspberry Pi running Ubuntu. Which I use because of its highly convenient desktop experience ;).
roytanck
·il y a 5 ans·discuss
The code is on Github: https://github.com/roytanck/wallpaper-generator

Please let me know if you create something nice with it.
roytanck
·il y a 5 ans·discuss
Almost infinitely small. There are many random values used to create the image, and most of those have millions of possible values.
roytanck
·il y a 5 ans·discuss
My bad. Seems that a number of browsers block saving canvas elements as a security precaution. For now, I can only recommend trying a different browser as a workaround.
roytanck
·il y a 5 ans·discuss
Completely random. It picks a hue value (0-360) and then adds or subtracts a second random value from this for each layer. The maximum value of this increment is relatively small, so the colors are usually similar within the same image.
roytanck
·il y a 5 ans·discuss
Unfortunately, no. There seems to be some issue with saving canvas elements as PNG on mobile browsers. Since the generated images are landscape aspect anyway, I didn't spend a lot of time figuring out exactly what's causing this.
roytanck
·il y a 5 ans·discuss
This unfortunately, is a known issue. I tried adding a download button, but that also only worked on desktop. Probably some browser policy thing. The same is true for Android (Chrome and Firefox Nightly).
roytanck
·il y a 5 ans·discuss
Thank you. Those are great suggestions, but I also like the simplicity of it being completely random. Perhaps I'll do an interactive wallpaper designer at some point, where you're more in control.
roytanck
·il y a 5 ans·discuss
The width and height can be changed in the code. If you also increase the number of layers (vertical) and line segments (horizontal) accordingly, you should be able to get similar results at different resolutions/aspects.
roytanck
·il y a 5 ans·discuss
I created a little web page (<10kB) that generates a random 4K (3840*2160px) wallpaper image using Javascript and the <canvas> element. Right-click to save the image (desktop only for now).

No two images are the same. You may need a few refreshes to get an interesting result.

Code: https://github.com/roytanck/wallpaper-generator