Skip to content

Commit

Permalink
add color to earring
Browse files Browse the repository at this point in the history
  • Loading branch information
@irvin373
irvin373 committed Jul 12, 2024
1 parent 9a51e02 commit 122c91f
Showing 1 changed file with 7 additions and 10 deletions.
17 changes: 7 additions & 10 deletions src/app/home/avatar-generator/avatar-selector-path.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -249,6 +249,7 @@ export function getMouth(type: string, color: string): string {
export function getEyebrows(type: string, color: string): string {
let eyebrows = '';
switch (type) {
default:
case 'angryNatural':
eyebrows = `
<path d="M545 378.5c24.7 1 48 9 69.5 21 2.2 1.3 4.9 2.5 6.8 4.3 1.3 2.4-.4 5.1-3.2 4.2a234.2 234.2 0 0 0-51-12c-20.4-2.4-40-3.7-60.3-.1-3.2.4-6.9 2.1-10 1.6-2.7-1.7-1.3-6.1 1.2-7.4a78.6 78.6 0 0 1 47-11.6ZM408 397c3.5.6 6.6 1.8 9.6 3.7a54 54 0 0 0-.3 3.6c-2.7.8-5.5 1.1-8.2 1.4a152 152 0 0 0-38.9 9.7 140.6 140.6 0 0 0-35.1 18.7c-2.9 2-4.2 4.8-8.1 4.4l-1.5-2.6c.9-1.6 1.6-3.2 2.7-4.7a90 90 0 0 1 38.6-29.3c12.7-5.2 27.6-8 41.2-5Z" fill="${color}"/>
Expand Down Expand Up @@ -287,10 +288,6 @@ export function getEyebrows(type: string, color: string): string {
eyebrows = `<path d="M613.5 401.5c1.6 1 1.1 2.9 1.3 4.5l-.1 34c.3 2.8-2.5 4.2-4.7 5l-120 41.1c-2.5.2-2.9-1.7-3.5-3.6l-5-18c1 5.8 1 11.7 1.3 17.5 0 1.4.5 4-1 4.9-2 1.4-4 0-4.6-2l-10.6-38.4c-.4-1.8-.7-3.9 1.3-4.9 2.2-.5 3.5.5 4 2.5 1.3 4.5 2.6 9 3.7 13.7-.7-5.3-1-10.5-1.2-15.8 0-1.3-.1-3.7 1.7-3.8l4.4-.7 123.6-35.2c3.3-.9 6-2.1 9.4-.8ZM324 433.9c13.6 1.4 27.4 1.4 41 2.6 21 1 42.1 2.6 63.1 3.4 7.8.8 15.6 1 23.5 1.7 2.8 2.1 1 8 1.9 11.3.6-3 .2-7 2-9.5 2-1.8 5-.1 4.7 2.6-2.4 14-4.8 28.1-7 42.2-.8 2.9-4.5 2.5-5.3-.2-.3-5-.2-9.9-.3-14.8-1 4.3-1.5 8.7-2.5 13-.4 1.6-1.2 2.8-3 2.4l-119-21.3c-1.8-.2-2.8-1.5-3-3.3-1.5-8-2.6-16-4.2-24-.2-1.7-.7-3.1.6-4.6 2.1-2.2 4.7-1.6 7.5-1.5Z" fill="${color}"/>
`;
break;
default:
eyebrows = `
`;
break;
case 'sadConcerned':
eyebrows = `<path d="M568.4 406c-.6-3-2.4-5-4.6-6.9a50 50 0 0 0-45.6-11.5 37.8 37.8 0 0 0-23.6 17c-2.9 5-4.8 10.6-4 16.4l.2 1.2c.2 1.7.3 3 2.4 3.6 2.2.1 4.4-.3 6.6-.7h.3l6.2-1.3 15.7-3.1c15-3.2 30-6.9 44.8-11.1 1.8-.3 1.7-1.6 1.7-3v-.6ZM430.1 431c-.8-9.8-8.9-17.4-17.9-20.3-13.2-4-28.3-.4-38.3 9.2a28 28 0 0 0-9.1 16.1c-.1 2.7 2.3 2.8 4.4 2.8h.8l9-.1c9.4-.2 18.7-.4 28-1.3 2.4-.3 4.8-.4 7.3-.6 4.2-.3 8.5-.6 12.7-1.1 2.4 0 3.3-2.6 3.1-4.6Z" fill="${color}"/>
`;
Expand Down Expand Up @@ -428,32 +425,32 @@ export function getHat(type: string, color: string): string {
switch (type) {
case 'eyepatch':
hat = `
<path d="M737.2 554.1c3.4-.8 7-.4 9.4 2.3a9.2 9.2 0 0 1-.7 13.5c-4.3 3.5-11.5 2.3-14-2.9-2.8-4.7.1-11.3 5.3-12.9Z" fill="#000"/>
<path d="M737.2 554.1c3.4-.8 7-.4 9.4 2.3a9.2 9.2 0 0 1-.7 13.5c-4.3 3.5-11.5 2.3-14-2.9-2.8-4.7.1-11.3 5.3-12.9Z" fill="${color}"/>
`;
break;
case 'turban':
hat = `
<path d="M738 561c3.1-.8 8.3 1 7.2 5-.8 2.7-4.5 1.2-6.4 1.2-3.8 5.9-4 13.1-1.5 19.5.7 1.7 2.3 3 3.5 4.4 2-2.9 3-6 4-9.3.8-2 3.7-2 4.8-.4 1 1.2.5 3.2.3 4.6-.8 3.5-2.5 7.4-5.5 9.3a7.7 7.7 0 0 1-10-1.7c-4.7-5.3-5.2-13.8-4.4-20.5.7-4.7 3.1-10.5 8-12Z" fill="#000"/>
<path d="M738 561c3.1-.8 8.3 1 7.2 5-.8 2.7-4.5 1.2-6.4 1.2-3.8 5.9-4 13.1-1.5 19.5.7 1.7 2.3 3 3.5 4.4 2-2.9 3-6 4-9.3.8-2 3.7-2 4.8-.4 1 1.2.5 3.2.3 4.6-.8 3.5-2.5 7.4-5.5 9.3a7.7 7.7 0 0 1-10-1.7c-4.7-5.3-5.2-13.8-4.4-20.5.7-4.7 3.1-10.5 8-12Z" fill="${color}"/>
`;
break;
case 'hijab':
hat = `
<path d="M740.5 550.5a21.1 21.1 0 1 1 13.3 40.1 21.1 21.1 0 0 1-13.3-40.1Z" fill="#000"/><path d="M741.5 556.6c7-2.8 15.5 0 19 6.9a15 15 0 0 1-7 20.8c-8.1 4-18.2-.8-20.8-9.2a15.1 15.1 0 0 1 8.8-18.5Z" fill="#fff"/>
<path d="M740.5 550.5a21.1 21.1 0 1 1 13.3 40.1 21.1 21.1 0 0 1-13.3-40.1Z" fill="${color}"/><path d="M741.5 556.6c7-2.8 15.5 0 19 6.9a15 15 0 0 1-7 20.8c-8.1 4-18.2-.8-20.8-9.2a15.1 15.1 0 0 1 8.8-18.5Z" fill="#fff"/>
`;
break;
case 'hat':
hat = `
<path d="M790.7 496.2c.6 4.4-4 8.1-8.1 6.2-2.5-1-3-3.2-4.2-5.4 1.3-2.2 1.8-4.4 4.3-5.3 3.4-1.5 7.5 1 8 4.5ZM787.3 513.3c4.5-2.2 9.6 2.2 8 7-1.3 4.2-6.8 5.7-9.9 2.2a5.8 5.8 0 0 1 1.9-9.2Z" fill="#000"/>
<path d="M790.7 496.2c.6 4.4-4 8.1-8.1 6.2-2.5-1-3-3.2-4.2-5.4 1.3-2.2 1.8-4.4 4.3-5.3 3.4-1.5 7.5 1 8 4.5ZM787.3 513.3c4.5-2.2 9.6 2.2 8 7-1.3 4.2-6.8 5.7-9.9 2.2a5.8 5.8 0 0 1 1.9-9.2Z" fill="${color}"/>
`;
break;
case 'winterHat01':
hat = `
<path d="M781.2 457.2c2.1-.8 5-.7 6 1.6 1.3 2.4.1 5.2-.9 7.5-2 4-4.8 8-8.5 10.5-1.8 1.3-4.7 1.6-6.3-.3-2.2-2.3-.7-6.1.5-8.6 2-4 5.1-8.6 9.2-10.7ZM797.5 471.5c2.1-.3 4.2-.3 5.7 1.5 1 2 .7 4.7-.7 6.4-3 4-7 7.6-11.6 9.6-2 .9-5.4 1.1-6.8-1.1-1.6-2.4-.2-5.3 1.4-7.3 3.1-3.8 7.3-7.5 12-9ZM737.2 554.1c3.1-.7 6.5-.5 9 1.8 4 3.4 4 10 .2 13.6-4.2 4-11.9 3-14.4-2.5-2.9-4.7 0-11.3 5.2-12.9Z" fill="#000"/>
<path d="M781.2 457.2c2.1-.8 5-.7 6 1.6 1.3 2.4.1 5.2-.9 7.5-2 4-4.8 8-8.5 10.5-1.8 1.3-4.7 1.6-6.3-.3-2.2-2.3-.7-6.1.5-8.6 2-4 5.1-8.6 9.2-10.7ZM797.5 471.5c2.1-.3 4.2-.3 5.7 1.5 1 2 .7 4.7-.7 6.4-3 4-7 7.6-11.6 9.6-2 .9-5.4 1.1-6.8-1.1-1.6-2.4-.2-5.3 1.4-7.3 3.1-3.8 7.3-7.5 12-9ZM737.2 554.1c3.1-.7 6.5-.5 9 1.8 4 3.4 4 10 .2 13.6-4.2 4-11.9 3-14.4-2.5-2.9-4.7 0-11.3 5.2-12.9Z" fill="${color}"/>
`;
break;
case 'winterHat02':
hat = `
<path d="M780.5 457.5c2.2-1 5.5-1.3 6.7 1.3 1.6 3-.6 6.9-2 9.5-2.1 3.6-5.3 8-9.4 9.5-3.7.8-6-2.3-5.3-5.9a27.2 27.2 0 0 1 10-14.4ZM797.5 471.5c2.2-.4 4.7-.3 6 2 .6 2 .3 4.3-1 6-3.1 4.1-7.4 7.9-12.2 9.8-2.2.5-4.8.7-6.2-1.4-1.6-2.4-.2-5.4 1.4-7.3 3.1-3.8 7.3-7.5 12-9Z" fill="#000"/>
<path d="M780.5 457.5c2.2-1 5.5-1.3 6.7 1.3 1.6 3-.6 6.9-2 9.5-2.1 3.6-5.3 8-9.4 9.5-3.7.8-6-2.3-5.3-5.9a27.2 27.2 0 0 1 10-14.4ZM797.5 471.5c2.2-.4 4.7-.3 6 2 .6 2 .3 4.3-1 6-3.1 4.1-7.4 7.9-12.2 9.8-2.2.5-4.8.7-6.2-1.4-1.6-2.4-.2-5.4 1.4-7.3 3.1-3.8 7.3-7.5 12-9Z" fill="${color}"/>
`;
break;
case 'none':
Expand Down

0 comments on commit 122c91f

Please sign in to comment.