question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Generate avatar previews

See original GitHub issue

Cryptopunks have a good avatar pose that signals membership:

image

We already generate VRM previews, and we can apply poses to them. Therefore it shouldn’t be hard to generate a new endpoint that will give cryptopunk-style previews.

On top of posing the avatar correctly (looking to the side), we should generate a shader plane for the background of this screenshot, keyed by the “id” (NFT token id, or URL), and then put through a hash function (like alea, which we use) to select the generation offset (seed) for the shader to use.

Here is the raw shader:

https://www.shadertoy.com/view/ftsSR2

And here are some of the symbols it renders so it is clearer how it works:

image

https://svgshare.com/s/Z6p

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:1
  • Comments:10 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
madjincommented, Jul 13, 2021

To better understand the pose / angle of the headshot here’s a couple other avatar projects for inspiration that are higher resolution than punks. image image

Made a couple headshot poses to get an understanding, its also better when the eyes don’t always face towards you image

1reaction
Vianvolaeuscommented, Jul 19, 2021

Bringing in some previews from @avaer that were posted in the discord.

I think the first is great, as evidenced by the pure black hair on top of it, it looks like it works fine even with very dark colors on top of it.

image image

Read more comments on GitHub >

github_iconTop Results From Across the Web

Avatar Maker: Make Your Own Avatars Free Online - Fotor
Instantly create your own avatar online with Fotor's free avatar maker. Browse our avatar library to get started right away. It's easy and...
Read more >
How to Make an Avatar for Videos Using AI (In Just 5 Minutes)
Step 1: Type in text · Step 2: Choose an avatar · Step 3: Edit your video · Step 4: Generate and download...
Read more >
Free Avatar Maker - Create Your Online Avatar - Canva
1. Launch Canva and search “Avatar” to begin your project. 2. Browse any of our suggested templates you can customize for your design....
Read more >
Free Avatar Maker with Online Templates | Adobe Express
1. We hook you up with thousands of professionally designed templates, so you’re never starting from a blank canvas. Search by platform, task,...
Read more >
Free Online Avatar Creator- Make Cool Avatars from Photos
Use avatar maker online tools like Media.io to make your profile stand out from the crowd with ease. You can draw your character...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found