62 comments found.
Also I am playing with this AGAIN lol and I would like to know how the hell do we resize it before outputting it? I have
I tired to change the 330 to 150 but this just gives me a bit of his head, so I know I have to resize the image after its created then out put it, how would I do this?
function to_image(){
var a, temp_canvas;
temp_canvas = document.createElement('canvas');
a = temp_canvas.getContext('2d');
temp_canvas.width = 330;
temp_canvas.height = 330;
var b = ctx.getImageData(5, 5, 330, 330);
var c = b.data;
a.putImageData(b, 0, 0);
zdata2 = ctx2.getImageData(5, 5, 330, 330);
var d = zdata2.data;
for (var i = 0, n = d.length; i < n; i += 4) {
if (d[i] == 0 && d[i + 1] == 0 && d[i + 2] == 0) {
d[i] = c[i];
d[i + 1] = c[i + 1];
d[i + 2] = c[i + 2];
d[i + 3] = 255
}
}
a.putImageData(zdata2, 0, 0);
var e = temp_canvas.toDataURL("image/jpeg", 1.0); // Using PNG gave me bad quality images
document.getElementById("placeholderimage").src = e;
}
Can clarify, do you want to resize the ready image (that is placed on context) from 330 to 150?
Yes or 100 more Avatar friendly size for websites 
and
http://stackoverflow.com/questions/2303690/resizing-an-image-in-an-html5-canvasI also like to state to some users if you are testing this on your local web stack you can try ’./’ as your web url, this worked for me getting it to view on my local stack.
Seem to be having some issues out of the gate here. I’ve uploaded all files to my site, but can’t seem to get the initial face to load.
http://wyldcreative.com/ceramicglazesiteThoughts?
Hello, you forgot to configure the ‘website_url’ variable in the header
How hard is this to edit and get live?
To get it live, you just need to upload sources to your website. What do you want to edit exactly?
How do we set up mailer? Can we integrate autoresponder code so we can build our mailing list?
I am ordering. Would also like source graphic files
As for mailer – this is up to you. The script uses the standard ‘mail’ PHP command to send emails.
Sure this is mobile ready? Locked up chrome on tablet and adding email through it pushed input window off screen. What I meant is how do we change mail php with our own form or autoresponder? if you’re asking for her email to send image you should be able to collect those email
This is made with HTML5 (that is supported in mobile devices). The form (to send result) can be edited (as you need), in case if you need to add/remove new fields.
Can you please share the Ai or psd, layered files thanks a lot!
Hi there, is there a way to add a form that can and add some text to your character? i want to make something like this,, but with text attached.
http://www.forofantasiasmiguel.com/tm.aspx?m=3037972&mpage=1&print=trueThank you very much.
Hello Dmaux, this is already possible. You may add any custom fields to the form (manually).
Long time sir, I was little shocked that there has been no update to this yet do we have some in the time scale as you did say you was going to add a clean up option and I was hoping you would clean it up a little
Hello my friend, The cleanup option was already added in version 2.0.4 (in accept_avatar.php), so, you just need to update your version
Just a update on this been looking at it and you don’t have to even have to talk to a server you can do it all JS, maybe your next update should have two save options, save to server and save local, since you have to send the b64 to the php script anyway.
I still playing with this as I can only get it to save one scene but I no good at JS lol
Hello, Thanks for the idea, I will try to review and implement this for the next update
Hello, I have enjoyed your script, it’s great. Is it possible to send the at files (Ai or psd, layered) I would like to make some changes to resolution, but current images are very small. Thanks in advance. Cheers
Hello, yes, you can contact me (by PM) to get originals that I have
Hello,
I should create for my customer, a website in order to sell ties personalized.
It possible with your script ?
thanks in advance
Antonello
Hello, this script is not designed to sell digital products, this is the builder of unique faces
Like someone I have an issue where the image doesn’t show on the canvas. I unzipped and opened up index… nothing. So I put it online to see if that fixed it but still nothing :/
Got it to work now. In case anyone else has this issue, pay close attention in the documentation the this line:
var website_url = ‘YOUR_WEBSITE_URL’;
It’s close to the bottom of the documentation so it’s easy to overlook.
Thank you for your comment, yes, we don’t need to forget that we need to point the address of our website
Love the product however we are trying to implement it into a social network. The problem we are having is this…
Install was fine, works fine. Except that we have member profiles, and want the member to make their mimi / avatar upon set up, or while within their profile.
Problem we are having is we want to run it native, in other words part of the site, and we cannot get it to do that? By running it outside of site we cannot get it to load the created avatar into their profile.
Any suggestions / Fixes for this?
Still waiting for an answer to our issue here?
Hello CorelGuru, I apologize for my late reply, have much work. Accordingly to your request – this is possible, you need to modify the accepting PHP file – you need to integrate it with your member’s system (to receive images for certain members only)
How hard would it be to make this so its something other than an avatar. IE Clothing or really anything else?
Hello, if you keep most elements in the same places, I think that it would be possible. However if you are looking for a specialized tool to work with clothing, I think that it would be better to create it exclusively.
Hello, i have no picture in the canvas at the left why…? Exemple screen : http://img4.hostingpics.net/pics/736962exemple.png Thx..
Hi Jeremy, Make sure that you haven’t moved (or even removed) the resource files. Make sure that there is no any JS error at your page.
No files remove :/ i’ve just extrat the .ZIP and try but not work (Try on Firefox 29.0 and Google Chrome) No images.. no error
Hello, that’s strange. Can you please provide me URL of your page (by PM) ? I can check your page to find the reason
It’s good, it’s work, thx ^^
hello,
could improve in the upcoming update to the edges leaving no pixelated thanks
Hello Garrierik, Do you mean the narrow border, or what edges exactly?
Hi AramisGC,
I refer to edges, clear the cache but the edges are pixelated
thanks.
Can you please send me the pixelated photo directly to my email?
Of course, missing more. envoy
Thank you very much with this update corrects. good support
Hi, I’ve just buying your avatar custom. but there no image on the canvas zone. Where can I call image on my canvas ?
Thanks for your quickly answer.
Hi, all the source images are located in one folder of the package. If you are not sure – please send your letter by PM, and I will explain you how to substitute images.
Regards, Andrew
Hello,
I have to do for a client, a configurator beds as in the example below (but without the price): http://www.unlimitedbybultex.com/configurateur.html
Is it possible to use your script to achieve a similar result? I wish especially to replace the current images from my own photos.
Thank you in advance for your reply, sorry for my bad english,
Regards,
Samuel
Hello, I checked that demo, however it works totally different. This is the customizer of beds, not faces. You can try to adjust all image resources to make it similar, however it won’t be an easy work
Like this item, but i´ll wait (like some others here) until the next major update with (hopefully) some already discussed features included.
Last little thing for the night, I really unable to move forward of this part since your js is min at the moment, the image out put is shocking.
Also give my body’s a look http://gloma.me.uk you will see the ghost and strange glowing one brake soon as you color the eyes or eyebrows. (11 – Glowing) \|/ (12 – Ghost), just done another test it also brakes with the tops but it does not brake on the hair so what did you do different.
In order to overcome your problem, I recommend you not to use bright colors in gradients of the image #11 (try to make one of RGB below 120 (of 255)), With regards to the image #12, don’t use the pure white (255,255,255), make it a bit darker, for example: 253,253,253. For the left side of this image (currently, it is (208,208,208), .. change it’s color to 255,220,220 (for instance). It should help.
Sadly we shouldn’t see it from that side of the coin there feller, not all users of this will be like me and know about web dev so they will just edit the image and wonder why its broken, its not the image at fault its how you deal with colouring the lays you clearly did it right with the hair layer so I am sure we can look in to making this work, This also does not answer why is the output image degraded, if the JS is creating base64 blob from what I can see from the php code it is then you can show the image without saving it to the server also.
Also have two options one that creates with image boarder and one without image boarder.
I will play around with the colours but I have to say I only got the app to play about and maybe help you make it little more user friendly lol I do have a use for it maybe in the future but not for a while
Yes yes I know its me again lol but I am sure you want the best for your script, in your face section you need to tweak them for male and female and you will see why in the image below.
Also look at the eyes there is a problem where the eyes still have white out lines, I think when you created them you could them from a white image you should of made them on a transparent layer.
In this image you have the white around the eyes and you will also see the boobies, so not really unisex
I have only played with the face so far, I have to say its a lot of resources to load in to the browser at once if you wanted to double the faces offered.
Also I am trying to clean things up and find out why I keep getting a pixal out when you click a background color but you have your build js as a min file can you provide the full none min file maybe in a email/via my profile would be useful to try clean things up
Also add a option in the php to check if the file is lets say 2 days old to delete them, as this is a lot of images to just start building up on a server.
Or once the image has been sent to the browser to be downloaded delete it from the server, since you making the file from base64 you might be able to have it load all in the browser without saving it as a file.
Hi Rexzooly, I added the option to cleanup the ‘cache’ folder into the development. I also can not understand why your example is pixelated (with white dots). Can you tell me how you achieved it? Did you change colors in the faces resource file?
Or that was a custom face don’t worry that’s not broken there lol
Just tested this on my AIRSTORE wifi stroage and everything works part from the create/gen as that uses the php file and sadly this little unit uses Apache and shtml not php lol also
you don’t need to give it your full address this works for me
<script>
var website_url = './';
</script>
Indeed, to accept a picture, you need the support of PHP. I think that this is one of the standard features that you can get from almost any hosting
Yes this device does not have php it was not even meant to load this but the dev’s forget to change the Apache settings to not load index.html files so it did it on its own lol
