So I decided to commit to a big project. Since I want every user to have some default avatar before I implement file system, so I wrote a simple avatar generator:
https://txstc55.github.io/simple-av...

Feel free to generate some avatars!

So goofy, I love it! My mind keeps projecting emotions on them.

They are very cute

Very nice! Maybe more colours to make them mir distinguishable?

@aaronswart I’m trying to do it but somehow vue is not triggering the image onload hook, which is quite weird

@aaronswart Done! It’s only 128px by 128px though

@aaronswart alright I just pushed another commit so everything is 256 by 256 now, should be much better for pngs

@aaronswart nah, free is good, but I guess I will put my name in title or put a created by somewhere

The lack of sad faces looks like toxic positivity to me.

@Oktokolo alright, let me do that tomorrow

@Oktokolo and only round or squared faces. What about triangle people ?

@K-ASS still awesome stuff you made !! Very nice 😃

@Oktokolo When every face is smiling eventually I start to see emotions as though behind a supposed diplomatic smile.

"Listen here you little shit"

"I see what you did there" or "you're on thin ice"

Damn I missed the opportunity to make this nft

@Grumm: No tris. Allowing squares is already an error. But those triangles are the worst. The mere presence of one of them already lowers the value of all real estate in sight. Triangles shouldn't be allowed on the platform.

@K-ASS Jo bro, ya sure that you would've wanted to pay the gas fee for contract creation?

"Heh this pills Kind of funny"

@horus Picasso vibes

@Oktokolo I think squircles can be tolerated to maintain a healthy amount of diversity.

@Oktokolo sad face is up

@Oktokolo @ triangles

@lorentz ok I will do triangle when I get home

@K-ASS I was memeing Oktokolo's opinion on triangles, my apologies if it wasn't clear.

@lorentz ik, but I still want to do it.

I see a fashion for generative cat avatars. But yours may be a new option for niche applications, at the very least! 😊

@Grumm @Oktokolo @lorentz triangle face is out. I need help with generation of color though, I don’t see a good package to do so. I’m using Adobe color picker’s double split complementary but the result is not that great

Just tried to create a collage out of them, but they kinda break upon import in Inkscape. Good thing there is PNG export ;)

@vintprox what’s the preoblem with the svg?

@K-ASS

Top: source files

Bottom: imported in Inkscape (or other vector editor)

@K-ASS Here's a little shout-out from me! https://envs.sh/G8

Collage source (GIMP): https://nch.pl/s/r8tSqcAwDX6P3gR

@vintprox I see, so it’s the mask that is not being recognized, I will take a look what inkspace is

@vintprox looks like Inkscape has issue with svg masks. Thanks for the shoutout!

@K-ASS I assume the HSV color model because of personal preference and because it makes limiting the ranges for saturation and brightness (value) easy.

For color generation, it's important, that hue, saturation and value (brightness) differences are enough to make the face distinguishable from the background. There are some common artistic rules about pairs of colors, but like for the mood, i would actually let the user decide whether he want's to go with bright saturated red on bright saturated blue or not. I would also allow fully unsaturated colors (greys).

The face features are dead simple: No part may be more than half outside the face shape and they are either bright or dark depending on whether the face shape is darker or brighter than medium grey.

Would also recommend exposing all generator parameters for "power users" as face and background groups of a hue single slider and saturation and value min/max sliders + one face/background similarity min/max slider.

@Oktokolo the problem is not really the foreground and background color, it’s the stroke color. If the background(here I’m referring stroke as the eye and mouth color, and background as in whatever is behind those strokes) is dark, having pure white works and it looks appealing. However, when the background is bright, it’s actually very hard to find a good dark color that is simply appealing to the eye. I guess I can always give the user freedom to pick color later on, but I don’t want to over complicate the ui.

For the position of eyes and mouths, I have bounding box checks so they eyes and mouths don’t fly off the face.

@K-ASS A saturation of zero should always work. At that saturation, hue is irrelevant. That leaves you with only one adjustable parameter: Value. You can either use the two extremes or ranges at the both ends of the spectrum.

For backgrounds brighter than middle grey, black should always work. But you can limit the distance between the value of the face and the value of the features (like featureValue = min(0, faceValue - preferredDistance) for light faces.