I finished another #webdev side project and built the QR code generator of my dreams: :fietkau_software: https://fietkau.software/qr
-
@julian Nice! The last example reminds me of the classic "Schotter" image by Georg Nees (http://www.medienkunstnetz.de/works/schotter/). Do you think a QR code that has this increasing variation towards the bottom could still be scanned?
-
Julian Fietkaureplied to Kent Brewster last edited by
@kentbrew Oh cool, thanks for sharing it there and for letting me know. I don't use Hacker News so I probably would have never found out.
And the author of the QR code gen library I used is in the comments, neat! I sent them an email yesterday, hopefully they got it. A shame they aren't on fedi, a lot of their stuff looks very cool.
-
@ollibaba A classic indeed!
In my testing, the "eyes" in the corners and the smaller orientation dot thingy towards the lower right of the code (I forget what it's called) had very little fault tolerance.
For the data modules, you can go a bit wild with the shape as long as the center-ish area of each pixel is still clear enough to scan. If you render it like Schotter, the x/y displacement would worry me. But if it's only for part of the code, the error correction might compensate for it.
-
@julian used this today to make a QR code for the Pittsburgh Prison Book Project's website. Thank you for making it available!
-
@sovietfish Hey nice, happy to assist such a great use case!
-
🍁 Nataly M 🍂 :mastodon:replied to Julian Fietkau last edited by
Thanks, very cool QR generator site.
I made my QR and added a personalized touch to it.
I had a lot of fun!
-
Julian Fietkaureplied to 🍁 Nataly M 🍂 :mastodon: last edited by
@NatalyMillan Oh wow, you turned it into a spectacle. Great work!
-
@julian Awesome! Definitely going to use this!
Suggestion: could a tiny custom bitmap or svg be used in place of the squares or dots? (obviously not compatible with your awesome blobby effect though, possibly except for the loner dots you have as a different colour )
-
-
@whybird Thank you! It could work if the contrast is good enough. Gotta mull over whether that's something I want to add.
-
@whybird @kimby It's kinda difficult to predict how emoji will render depending on the system and font. To make it work consistently I'd have to provide the renderings, e.g. by including Twemoji. Not impossible, but probably adds more complexity than I want - you'd be better off using one of the empty logo cutouts and adding whatever you want after the fact.
-
Patrick Hogenboomreplied to Julian Fietkau last edited by
@julian Love the rounded lines
-
Julian Fietkaureplied to Patrick Hogenboom last edited by
@PatHightree Oh no, Pacman found the cherry tree 🫢 Will eating all of those make him too powerful...?
-
@julian Works great, nice work!
-
@Ronald Thank you!
-
Andreas Scherbaumreplied to Julian Fietkau last edited by
@julian Do you have an idea how this compares to:
GitHub - jeromeetienne/jquery-qrcode: qrcode generation standalone (doesn't depend on external services)
qrcode generation standalone (doesn't depend on external services) - jeromeetienne/jquery-qrcode
GitHub (github.com)
Your images look cooler though
I may need to rewrite this blog posting I have in the pipeline.
-
@julian Could you please make it create a standard-sized quiet zone, at least as an option? I see lots of options to make the codes harder to read, shown off in your examples, but not one to make it fully standard-compliant.
-
@julian
Well done. Bravo. -
@julian Great stuff! I was just creating QR codes yesterday and was annoyed at the freemium / ad riddled options.
-
Julian Fietkaureplied to Andreas Scherbaum last edited by
@ascherbaum Not much of an idea beyond the obvious: my code doesn't require jQuery. Besides that, it looks like Jerome's script is quite old. It paints the QR code onto a canvas element, so you only get PNG downloads, no SVG. If what you want is a no-frills QR code generator with "Save as PNG" functionality, its upside is that it seems to be quite small and efficient!