Fix broken style

[lalalune]

We have removed .scss / .css to simplify the codebase and make a React-only component. However, a few things got broken and don't look great, and need to be fixed.

[DavinciDreams]

Swap out male and female avatar bodies for cooler ones

[DavinciDreams]

update some of the icons using the figma shared

[DavinciDreams]

add login and ssave avatar features

[DavinciDreams]

download avatar

mint avatar etc.

[DavinciDreams]

Models wshould be posed or looping, not tpose

[DavinciDreams]

make the part of model being edited the focal point

[DavinciDreams]

add option to try avatrify

[DavinciDreams]

alllow users to record video of avatar actions

[DavinciDreams]

enable avatar tts and add microphone and volume ui

[DavinciDreams]

allow user to save image of avatar

[DavinciDreams]

if you have ever used ready player me, we want that basically

[DavinciDreams]

add the cool lip sync to voice stuff

[DavinciDreams]

There should also be lore ,we need to think about how to indicate that, you can make a character bio. Lore will drive the ai personality.

[boyykratos]

@lalalune @DavinciDreams assign it to @Emmyn5600

[Emmyn5600]

@DavinciDreams about this task Swap out male and female avatar bodies for cooler ones which male or female avatar should I use? because I can't see that in the Figma provided.

• The avatars are stored somewhere, so how can I access those avatars?

[Emmyn5600]

update some of the icons using the Figma shared not sure if there is another Figma for the page I am currently fixing the style because I can't see the icons that correspond with the one I see on the page.

[Emmyn5600]

add login and save avatar features I would need some clarification, like when the login page or feature should occur.

Does this have to be implemented when a user is going to save the avatar?

[Emmyn5600]

About download avatar or mint avatar. Is it the same as the below one?

[Emmyn5600]

Models should be posed or looping, not tpose. So you need a model to be posed not tpose

tpose

posed

[Emmyn5600]

Does add option to try avatrify issue has to be implemented as the below video? If yes, where this feature should be applied?

https://www.youtube.com/watch?v=HbK_JOeQZK8

https://howtodiscuss.com/t/avatarify/135103

[Emmyn5600]

alllow users to record video of avatar actions

Do I have to add or implement the button to record a video of the avatar actions?

[Emmyn5600]

enable avatar tts and add microphone and volume ui.

• You meant to add or implement the Text-to-Speech, microphone and volume ui so that a user can adjuct the volume accordingly. Do we have a figma that should direct us on where those feature should be placed or implemented?

[Emmyn5600]

allow user to save image of avatar

Does a user has to save image of avatar after login successfully or he/she might have access to save image even he/she is not authenticated?

[Emmyn5600]

if you have ever used ready player me, we want that basically

You meant to implement the similar UI for the ready player me or the same functionalities? like add eye color, skin tone or features and etc..

[Emmyn5600]

add the cool lip sync to voice stuff

I think this would look or implemented as this one however it has to snyc to voice stuff.

[saddamjit]

More queries by @Emmyn5600 -

1. Which design or figma should I use or refer to while fixing the broken style in order to meet with the requirement?
2. As explained in the issue, things have broken after removing the .scss/ .css file to simplify the codebase so can I see the old repo or demo for the project so that I can check the design or how it was working before while fixing the issue?

@lalalune @DavinciDreams

[DavinciDreams]

Yes :D Nailed it.

…

On Fri, Jun 17, 2022 at 8:38 AM Emmy NSABIMANA ***@***.***> wrote: if you have ever used ready player me, we want that basically You meant to implement the similar UI for the ready player me or the same functionalities? like add eye color, skin tone or features and etc.. [image: image] <https://user-images.githubusercontent.com/55635977/174299573-6cb91571-7ca3-4d41-9bde-4855765ea407.png> — Reply to this email directly, view it on GitHub <#50 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/APJWKTIROIPPBPVY5BI5ZCDVPRWUDANCNFSM5YVB7GOQ> . You are receiving this because you were mentioned.Message ID: ***@***.***>