Code

Discussion on Avatar Maker

Discussion on Avatar Maker

Cart 212 sales

InochiTeam supports this item

Supported

This author's response time can be up to 2 business days.

90 comments found.

Halo did you have android version for this?

Hello, I’m sorry but this is the only version of the AvatarMaker we made.

Hi! How are you? I need to integrate the Avatar Maker in a Laravel app. Do you have some guide or advice to do it?

I hope you can help me. Thank you!

Hello and thank you for your purchase. We have never integrated the AM into a Laravel app but it should be feasible.

You may have to load avatarmaker.class.php manually as I don’t think it can be autoloaded as it is not PSR-4 compliant. You can create a route that accepts both GET and POST requests to mimic the functionality of avatarmaker.php. You may also have to change the cache directory placing it in the public folder as it has to be accessible from the web.

I know it’s vague but I hope it can put you in the right direction. If you encounter specific errors or issues let us know.

Best regards MakeMake – InochiTeam

Hello again. Is there anyway to have the mobile view preview sticky so that when you scroll to select an item the preview doesn’t scroll up out of view. So you can still see the preview as you scroll down while selecting the options. thanks

Hello, yes you can but you’ll have to edit the scss source files.

Using a media query to only apply the following style under a certain viewport size, you should obtain the desired result with the following SCSS
.avatarMaker {
    display: flex;
    flex-direction:
    column; height: 100%; 

    .panel-side {
        flex: 1 1 auto;
    }
    .panel-main {
        flex: 1 1 auto;
        overflow-y: scroll;
    }
}

Awesome I will give it a try thank you!

I contacted you yesterday from the code canyon comments/support page and I got your reply this morning. Thank you for your quick response. I followed your steps to add a new layer/folder and now I’m getting a permanent load screen. I attached some screen shots as to what I did. I labeled the layer/folder as “test” and tried sending it to your email that was on the install package at inochitem@gmail.com but im getting a return erro with email not available. Can you please email me at tootorboot.com@gmail.com and cc anyacamins@gmail.com so i can send you the screen shots. Thank you!

Hello, sorry for the error in the readme, the correct email address is inochiteam@gmail.com.

We contacted you via email as requested.

Hi i am trying to create new folders and having trouble following your directions. For example I want to crate a “blush” folder and so on. I am at the custom items and “custom layers” section on the document you provided. I was able to go into the scrypt and add the blush folder through steps 1,2 and 4. I did no know how to do step 3 ( currently selected localization file?) please help. I have the activation code as well as purchased the extended support. Thank you

Hello and thank you for your purchase The “localization file” is the file containing the translation for the UI. You can find it in the “local” folder, for example, assuming you are using the English language, the file in question is “en-us.php”. There you will see the list of all strings translated in the interface and you have to add one to represent your new layer.

Assuming that your index.html file contains the following line

≤li avm-layerId=”blush” avm-local=”tm_blush”≥≤/li≥

In the localization file, you have to add this line

‘tm_blush’ => ‘Blush’,

Best regards MakeMake – InochiTeam

thank you will try this out later today!

Hi. The Avatar Maker has great functionality and design but I would like to make it a bit more compact. When there aren’t many elements to choose from, on a large screen, the avatar maker looks a bit sparse. Can I do the following things easily: 1) Add a zoom button (which zooms in and zooms out the preview avatar) 2) Spread the elements in a grid and make each of them 1/4 or 1/3 depending on the width of the window. 3) Add a bit of padding and possibly limit the width and the height of the avatar maker… I added padding to .AvatarMaker but then it got messed up with the height. Cheers

Hello, Let’s start with the 3) point as it can be easily solved. Add a new element around the one with class .AvatarMaker and style to that one. I would suggest adding max-width and height, absolute positioning, and some margins.

For the 1) and 2) points you could do it with a bit of coding but I can’t give you any ready-made code nor indications as we never did it. One thing to mentions though making the items larger or zooming the preview requires increasing the size of the cached assets and this results in considerably bigger files. You would add those functionalities at the cost of bigger files to download and slower response times of the UI. The current sizes are a trade-off between size and usability.

Hey again! I decided to play around with the html and the css, but when I move the base.scss from the source folder to the upload folder and switch the stylesheet in the HTML to base.scss, everything gets broken :/

Hello, SCSS is a superset of CSS and even if they look similar, browsers don’t understand it natively. You have to compile it into plain CSS. There is a small guide in the documentation on how to install the necessary tools and use the included grunt file to automatically compile it. https://inochiteam.altervista.org/documentation/avatarmaker/faqs/#what-are-gruntfilejs-and-packagejs I don’t recommend you going down this route though as it requires some knowledge and many tools. I recommend you search online for a specific guide on how to compile SCSS files only.

Hello! That’s a great avatar maker:) I have a few questions… 1) How can I run it on my laptop so that I can see how the avatar works without uploading it on my server? 2) I want to remove some stuff (ears) and add another (beard). I would also like to have different colors for each item (hair, eyebrows, etc). How can I do these? Thanks!

Hello and thanks for your purchase.

You can run it on your pc but you have to install a web server with PHP support. There are many solutions on all OS especially on Windows to get a full LAMP environment with a single installer. I’m not going to tell you any name since I haven’t used any in a long time and I don’t want to endorse any of them but a quick Google search for “LAMP on Windows”, for example, will give you plenty of options.

For the second question, you will find all information in the documentation. For example, this article will tell you everything about color palettes https://inochiteam.altervista.org/documentation/avatarmaker/configuration/#color-palattes and this will tell you about layers and assets https://inochiteam.altervista.org/documentation/avatarmaker/custom-items/.

If the documentation is not enough, feel free to contact us with more questions.

MakeMake – InochiTeam

Hi, is it possible to activate “render overlay” also in the preview image?

is it possible to disable “renderer overlay” with the API?

Thank you

Hello, unfortunately, the output overlay settings apply to all aspects of the app.

You could modify the code to get what you want. For example, the UI may pass an additional parameter or header and you could dynamically set the overlay if it’s present.

Adding the overlay in the preview is a bit more complicated. Even if it is just adding a static layer to it, you have to also modify the function responsible for loading the assets. Due to how canvas works, it wouldn’t wait for the image to load, rendering a transparent layer.

Hi, i am trying to install AM in my wordpress theme. I created a custom page by inserting the contents of index.html and modified:

$ (document) .ready (function ()

in

jQuery (document) .ready (function () {

I also changed the path of avatarmaker.php . Cache files are generated, but the progress bar remains locked at 10%. Can you help me? thank you

Hello and thank you for your purchase.

Can you please send us the URL of the page? If you don’t want to post it here publicly, drop us an email at inochiteam@gmail.com

MakeMake – InochiTeam

Hello, would it be possible to change the eye color? Thank you

Hello, The eyes are in a unique layer, as such you cannot change the color of the iris without coloring the rest of it.

MakeMake – InochiTeam

Hi there.

I have purchased the Avatar Maker. I am trying to install it on my server. I have ensured that everything on my server was installed and configured correctly.

When I go to the URL, I receive an error saying “Oops…Something went wrong” – 500 Internal Server error.

Can you please help me install this on my server?

Thank you for contacting us. We replied to your email.

Hi,

I have just updated my copy of the AvatarMaker and paid for support. I have a couple of questions

1.) I want to increase/change each asset files to 1024×1224 so that I can add more chest area. Also would like the small preview image to become 400×500.

When I try to changing it I seem to break the code so I want to know which files would I change to accomplish this.

2.) I want to capture the “filename that gets stored to the server when the avatar is saved online. I tried putting an “echo statement” in avatarmaker.php file to simply say “it worked” so I know where text can appear but never saw it. So figure I need to put the code in a different file.

3.) I want to capture the color, head, nose, etc. that was selected when the avatar was created. I noticed that when I click download on a tablet and save it when I click details it gives me a long url that includes that information. I want to capture it and use it in future code. I do not know where to find the information.

Thank you for your time.

Signed, Angelina of Paintlessdeco

Thank you for your time and nice script.

I figured out question 1 but still need question 2 & 3 Answered.

Hello and thank you for purchasing the AvatarMaker.

For your second question, you can refer to this passage in the documentation https://inochiteam.altervista.org/documentation/avatarmaker/faqs/#save-the-avatars-to-the-disk As you will see, you don’t have to capture the generated name. Using the $avatarName variable, you can set whatever name you want.

For the last question, if you want to copy the encoded avatar tree, you can easily do so by copying the get variables passed to avatarmaker.php. If you want the avatar already parsed, you will have to make a slight modification to a file. Open avatarmaker.class.php and at line 15 change

>> private $avatar; to public $avatar;

then in avatarmaker.php after line 28 and the function

>> $avatarMaker->setAvatarGET( );

you will be able to get the avatar structure by reading

>> $avatarMaker->avatar;

I hope this solves your issues. If you need further assistance, I advise you to contact us via email as it is a bit more convenient to handle code snippets.

Best regards MakeMake – InochiTeam

Hey guys, just wondering if there is a way for this to be able to save the avatar image into the users profile Gravatar slot within wordpress?

just looking to know if this is at all possible.

Hello and thank you for your interest in the AvatarMaker.

Do you mean uploading the avatar on gravatar or saving it on the server displaying it in WordPress instead of the default gravatar one?

No sorry I mean is there a way to have the download push the it to saving it into the users profile on Wordpress (for this example we can set up a custom met field), thanks for the super quick respond.

This is not part of the AvatarMaker but we did it in the past for a client.

You have to create a simple Wordpress plugin that wraps the AM saving the generated output in the wp-content folder and updates a user’s meta property do keep a reference to the generated image. You also have to create a filter to change the result of “get_avatar” returning the URL for the generated image (You could also store the avatar structure and render the avatars on the fly but it would put unnecessary strain on your server).

Hi, I am having an issue with this product. Ive reinstalled it a few times now and really hope its not another scam. I keep getting an error window. its either 1 Oops, something went wrong or 2 i only see the loading bar.

Can you help please?

We answered to your email. We are happy to know that everything is resolved.

Hi! I uploaded the files as per instruction, but its been a few hours now and I still only see the progress bar. oopsie.

Can you tell me how to fix it please?

Hello, and thank you for purchasing the AvatarMaker

I’m sorry but I need more information to help you. Can you please give me the link to your installation of the AM?

If you desire, you can keep it confidential by contacting us via email at inochiteam@gmail.com.

Best regards MakeMake – InochiTeam

Hi! thanks for replying. I didn’t see it. I’ve sent you an email. Thanks!

We answered to your email. We are happy to know that everything is resolved.

Hello I need your help thank you

Hello, we answered to your email.

MakeMake – InochiTeam

Ops… Something went wrong. An error has occurred that prevents the app from loading. Reloading the page may fix the issue.

Please tell me how to fix!!

Resolved. Unzip and uploading solved the problem.

Hello, thank you for purchasing the AvatarMaker.

I’m happy to hear you have already solved the issue. If you need any further assistance don’t hesitate to contact us again.

MakeMake – InochiTeam

thank you. Have a nice day. ;)

Hello, this looks very cool, but I’ve got some questions. Would it also work using larger images? (Since I want to create my own full body avatars with a bigger resolution). And is it possible to integrate a text layer, with fonts to choose from? Finally, how difficult would it be to make it so users can only download their avatar after they purchase it? Thanks!

Unfortunately not, we reflected on it and it would require to send the user twice as many images doubling the load time. This may be negligible witha few images but we have reports of clients using really a lot of assets. Additionally most servers have a 30s timeout for PHP script and rather low memory limits it would have made hard to generate the cache files on some hosting providers. Considering that the comunity has never asked for the feature again we concluded that it would be more harmfull than anything for the majority of the users.

It is not and hard feature to implement, it is just costly in terms of resources consumed and added complexity in the configuration.

MakeMake – InochiTeam

Ok, two more questions, please, 1) is it possible to have an image constantly shown without it being a thumbnail in any category? For example if the image of the upper body would only be one option and therefore needn’t be visible to the user as a thumbnail in a one item category. Or if I wanted to overlay all layers with a watermark. 2) is it possible to have a user pick several options in one (but not every) category and it not be an “either or”? E.g. in your demo version a user would then be able to pick earrings AND sunglasses from the objects category.

Thank you so much!

There is not a built-in way to add a layer with no selection but it’s very easy to achieve this result. You can add the layer as normal and then avoid inserting a reference to it in the tabs. The layer will be rendered but no selection will be displayed.

The AM natively supports watermarks you can read more in the documentation here: https://inochiteam.altervista.org/documentation/avatarmaker/configuration/#output-overlay

At the moment only one item per category can be selected, if you want to have both sunglasses and earrings you have to create two different categories.

How difficult its to include a body with cloth selection? Also include mustache and beard for example and include a new object? Thanks!

Hello, Thank You for your interest. All assets in the AM are PNG images, this means that adding a body is requires as producing a new set of assets including it to replace the provided one.

To add a new king of object (like the beard), you have to edit one line in the config file and upload the images in the appropriate folder, nothing more.

You can have a detailed view of this procedure in the documentation: https://inochiteam.altervista.org/documentation/avatarmaker/custom-items/#custom-layers

MakeMake – InochiTeam

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey