Comments (4)
It worked! Thank you. Curious, why foes facialHairMap have 3 Noop?
from bigheads.
@fred-boink Great!
When generating a random character I randomly select an array element from every available part. This means if the options were medium beard, stubble and nothing there would be a 66.7% chance of a random character having a beard. I though this would be a bit much, but I didn't want to implement a whole probability model, so I just added some extra None
in there 😅 .
For the same reason I added 5 Noops to the hatMap!
from bigheads.
Hi @fred-boink
I'm not entirely sure how it works, but I had this exact same issue when I was developing the big heads website.
I'm guessing you're using Next JS SSG or SSR, which prerenders a random character. Once the client hydrates this prerender, yet another random character is generated. These are not the same and that somehow causes this weird phenomenon! (causing that warning message in your console as well).
Could you try having this page not-prerendered? Or at least the character.
from bigheads.
I am using Nextjs. Ill try to get it to render only clientside. Thanks for your answer! Ill let you know how it goes.
from bigheads.
Related Issues (20)
- Random bigheads HOT 1
- [Request] More hats
- [Request] Online playground HOT 2
- [Request] Add surgical mask HOT 2
- [Enhancement] Pets
- Huge Performance Issues HOT 6
- Playground: Generated image dissapears on with "Mask" set to "False" HOT 2
- Adding new items to bigheads HOT 2
- Simple javascript example showing how to export svg and render on screen? HOT 2
- [Request] add rest of the body to simulate a crowd HOT 2
- [BUG] The beanie is off on apple devices... HOT 1
- Generator not downloading edited avatar HOT 2
- [Enhancement] Insert mustache
- Doesn't work server-side HOT 2
- Does not always render hats HOT 1
- Use on Express Js server HOT 1
- [Suggestion] Piercings, tattoos, crazy hair styles, and more! HOT 2
- [Suggestion] Random avatar on Tap
- [Suggestion] HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bigheads.