Fur Sim 2.2
now with improved user interface and tutorial
Fur Simulator is a tool for drawing a custom fur pattern with Javascript. You control the colors of the strands of fur.
Tutorial
Skin Color
This is the background color that the furs will be drawn upon. It will be visible at the top of the finished image.
A pink color is chosen as default default. Some animals like polar bears have black skin.
Fur color appearance
Each strand of fur in the simulation has a gradient of two or more colors. First, you need to select how many colors the gradient will have. Then you will be able to choose the colors.
"How many colors do you want on each strand of fur?"
You must choose this (and the simple/advanced mode type) before being able to input the colors.
Each different color in a gradient is called a "color stop", and you need at least 2 to make a gradient. Choose how many individual colors you want to have in your gradient here.
Simple or Advanced Mode
Simple Mode
Please choose this if you are not especially familiar with CSS gradients.
Advanced Mode (skip to next paragraph if you don't choose this mode.)
"Advanced Mode" allows you to choose custom color stop positions for your gradient. "0" works like "0%"; and "1" works like "100%".
If you want a "tipped fur" look - a fur that is mostly white with a tiny bit of color at the end - input the following settings: Amount of colors - 2; Mode - Advanced; Colors - white, dark gray; Color stop positions - 0.9, 1.0; generate.
Selecting colors
Once you have chosen the amount of color stops and simple/advanced mode, you can finally add your colors. Select a color using the color selectors. The first color in the list will be the color at the base of the hair, and the last color will at the tip.
Rendering
Once ready, click "Generate Fur". Please note that this will some time as it is drawing 258,865 tiny individual rectangles. The page will not display anything until it is finished, sorry for no loading animation. It takes around 20 seconds for me.
Reloading
Please try to hard-reload the page (CMD+SHIFT+R) instead of soft reloading (CMD+R with no shift) as this may cause some issues when switching between modes.