xiaoancloud 9 hours ago

I am a young software developer who enjoys coloring my hair -- green, blue, pink, purple -- I tried all of them!

However, I only get one color each time (e.g., coloring the entire head to red/blue,etc. ). I wish to try some creative colors, but based on my previous experience, how my hair actually looks is always different than what I want, so I want to make software to visualize it under different lighting conditions and environments.

I call it Tress Assistant, and this is a pure-frontend web application.

Features:

- Blend your natural hair color with one or more artificial colors. I designed a mathematical formula for it.

- Preview different hairstyles.

- Dynamic lighting system, which is based on current date and time and your location

- Rotate models

Technologies Used:

- React

- Three.js

- Material UI

- Tailwind

- Zustand

- Vite

To be frank, the 3D part is not perfect, as I'm using models as hair, which looks not realistic. But yeah, I'll try to improve it in the later versions. Feel free to try it and give me feedback!