I've just types some javascript until it worked. (Honestly, it's some rubbish code there!). I mostly relied on the browser's Canvas Api.
The "layering" - if I can call it like that - is just drawing elements on the in-memeory canvas where I want them in the order I want them - no magic here.
The export is done with an old trick of assigning base64 encoded canvas (exportLink.href = canvas.toDataURL("image/png")) into the export anchor's href attribute on every change.
This technique has some limitations but for small files it works like a charm.
Let know if you have more questions, and good luck with your tool!
Thanks for that about our own stuff ʕノ•ᴥ•ʔノ ︵ ┻━┻ Still it's a pretty inspiring project. Thanks a lot for the answer and link, I'll definitely give you an update when I get started on that. It'd mostly
be for my own use, I am working on a new game and characters in that are simple
Thanks a lot for creating this tool! I really like your art so it's amazing to be able to quickly generate these characters, all in the same art style. Thanks! :D
I really like!!! this I don't know if it's ok ,that sharing the base pngs of this so i may write a program to generate a character for player to choose
I can't find a link to download these base pngs , sucu as head,face,skin (ps; i could use these base pngs,to create a random player in the dungeon game)
a ha ,I found a big problem when i use these characters, whether in the idle state or run state ,when the character carrying a weapon on it's child node it's some kind of funny .the weapon is not moving but the character is up and down
Hello there sir, I really like this character style. I can picture a platforming RPG using this style. Any chance I could get my hands on the images to incorporate a random character generation system/player customization? I don't mind paying, and credit would of course be given
Hello 0x72, I have a question, how can I make the character change the color of the skin (since it does not come in the spritesheet)? Also, I did not understand well the way in which the spritesheet is ordered, could you please explain to me. Thank you
It just maps pixels (lighter: #cccc77, darker: #aaaa55). You can achieve the same (and faster) with a shader I guess; but here I just do something like:
Sure, it's CC0 and I don't mind, although I think it would be fair for your users to give the link to this project to them. That being said it's not a requirement from my side.
Hey we just used your dudes in our Ludum Dare Jam entry, we had originally considered implementing it into the game itself but Unity decided to remove Javascript support... Instead we just generated about 20 of them and pick them randomly.
Honestly, good work. But, can I suggest having more "Suits" its kinda dull only having a few different colors on the suits side. When u have like 100 "heads" it kinda makes it seem like u gave up half way through.
I'm glad you like it so much; thank you the the generous offer.
Unfortunately I have no time for any additional work at the moment. I'm also not sure how it would look for those particular characters tbh, they are designed to be 2-directions.
In any case a pixel-artist you will hire - who may have more imagination - is free to use pixeldudesmaker's assets however they like. It's CC0 after all (as is everything I've released so far here on itch.io).
<3
sidenote: I've been thinking about some 4-direction characters recently but I'm not to be trusted with time estimates.
It affects color of some items (face?) it's only used in 2 or so cases - I guess there was a planned to be used more but I've never added more items in the end :/
← Return to tool
Comments
Log in with itch.io to leave a comment.
thanks for this great generator
Holy fuck, this is actually insane. I'm actually gonna use this to make NPCs. Thank you.
You're welcome : )
Very good... Thank You!
I love your work!! Thank you so much
Thank you!
never actually used but really cool!
Thanks.
Hey, I'm really curious on how you've made such a tool :0
I'd love to do something similar. I think I have a clue on how you layer parts,
however I'm curious on how you made the image exporting? D:
Hi there!
I've just types some javascript until it worked. (Honestly, it's some rubbish code there!). I mostly relied on the browser's Canvas Api.
The "layering" - if I can call it like that - is just drawing elements on the in-memeory canvas where I want them in the order I want them - no magic here.
The export is done with an old trick of assigning base64 encoded canvas (exportLink.href = canvas.toDataURL("image/png")) into the export anchor's href attribute on every change.
This technique has some limitations but for small files it works like a charm.
Let know if you have more questions, and good luck with your tool!
Thanks for that about our own stuff ʕノ•ᴥ•ʔノ ︵ ┻━┻
Still it's a pretty inspiring project. Thanks a lot for the answer and link,
I'll definitely give you an update when I get started on that. It'd mostly
be for my own use, I am working on a new game and characters in that are simple
enough to try that :D
Can you make it so the animation is on One ros when you download? Not on multiple row? I still love it!
Each animation (none, idle, run, jump) is in a separate row already.
Oh!
Thanks! Everything needed then is a photo editor to cut out the different animations.
Anyone know if there's anything like this for top-down characters?
this is really good
Thanks a billion times for making this tool! I'll be using it for all my little games as I learn to make 'em!
Have fun! : )
Thanks a lot for creating this tool! I really like your art so it's amazing to be able to quickly generate these characters, all in the same art style. Thanks! :D
thanks! you are welcome! : )
I really like!!! this I don't know if it's ok ,that sharing the base pngs of this so i may write a program to generate a character for player to choose
Yeah, sure, it's ok; feel free to use them.
I can't find a link to download these base pngs , sucu as head,face,skin (ps; i could use these base pngs,to create a random player in the dungeon game)
I've added the files; you can download them by clicking "Download" button
Tks ,It's really cool!!!
a ha ,I found a big problem when i use these characters, whether in the idle state or run state ,when the character carrying a weapon on it's child node it's some kind of funny .the weapon is not moving but the character is up and down
You're question kinda lack context so sorry if my answer doesn't help.
The option you're looking for could be named something like:
- interpolation: none
- (min|max)_filter: nearest
- crisp-edges
- pixelated
- nearest-neighbor
- optimize-contrast // this one is the weirdest O.o
depending on software/framework/engine/library you use.
e.g. in opengl it is:
Hello there sir, I really like this character style. I can picture a platforming RPG using this style. Any chance I could get my hands on the images to incorporate a random character generation system/player customization? I don't mind paying, and credit would of course be given
Hi H-Tech!
here you go:
parts.png:
base.png:
Hello 0x72, I have a question, how can I make the character change the color of the skin (since it does not come in the spritesheet)? Also, I did not understand well the way in which the spritesheet is ordered, could you please explain to me. Thank you
It just maps pixels (lighter: #cccc77, darker: #aaaa55). You can achieve the same (and faster) with a shader I guess; but here I just do something like:
```
for(var i=0; i<data.length; i+=4) {
data[i+0] = replaceColor[0];
data[i+1] = replaceColor[1];
data[i+2] = replaceColor[2];
}
```
(where components are red, blue and green colors and the 4th one would be alpha)
Hey can I use these characters for my own assets that I want to put on itch?
Sure, it's CC0 and I don't mind, although I think it would be fair for your users to give the link to this project to them. That being said it's not a requirement from my side.
Ok great!
https://scratch.mit.edu/projects/276273082/ Im making a game right now. Thanks!!
Hi Thecefus! It looks like the link is dead (404); I'm unable to check your game out : (
Awesome tool. I used it to make the characters for my game: https://natronnatron.itch.io/ghost-zombie
Thanks for your effort!
Very useful and simply amazing. I hope you have a standalone application (exe) for this. ☕
Hey we just used your dudes in our Ludum Dare Jam entry, we had originally considered implementing it into the game itself but Unity decided to remove Javascript support... Instead we just generated about 20 of them and pick them randomly.
https://ldjam.com/events/ludum-dare/43/the-cult
Honestly, good work. But, can I suggest having more "Suits" its kinda dull only having a few different colors on the suits side. When u have like 100 "heads" it kinda makes it seem like u gave up half way through.
Hah, these are cute. Nice work on the tool!
Can you make this sprites 8-directional? I'll pay whatever you want, dude. Those are amazing...
I'm glad you like it so much; thank you the the generous offer.
Unfortunately I have no time for any additional work at the moment. I'm also not sure how it would look for those particular characters tbh, they are designed to be 2-directions.
In any case a pixel-artist you will hire - who may have more imagination - is free to use pixeldudesmaker's assets however they like. It's CC0 after all (as is everything I've released so far here on itch.io).
<3
sidenote: I've been thinking about some 4-direction characters recently but I'm not to be trusted with time estimates.
It affects color of some items (face?) it's only used in 2 or so cases - I guess there was a planned to be used more but I've never added more items in the end :/
Amazing for prototyping or just in general. Great for making funny/funky/cute looking characters.
just now I realized how I could do overworld encounters and I’m gonna use these guys to both test and maybe use in release. Keep up the good work
you really are genius. i have a plan to make a platformer using your asset generator. thanks a ton man! :)
Thanks; make a fun game :) !
i like it! :D
This is amazing! I used it as a starting point on my own and they're coming out great, if I do say so myself.
Awesome! Share whenever possible, I'd be glad to test the game out.
Great!!!
This is AWESOME
Dude you are just awesome!!!!!!!! I have started an project with your assets (not only)!!!!
Neat! Good luck with your project!
This is an incredibly awesome tool. Thanks a bunch for this!
Is it possible to directly export as a GIF file? :D
no but you can use imagemagick:
convert a08040205030200.png -crop 16x24 pdm-%02d.png
convert pdm-2[1-7].png -loop 0 -page +0+0 -set dispose previous a08040205030200_running.gif
works like a charm.
Were you considering releasing graphics from this tool so character personalization could be added into a game?
Feel free to extract and use however you want from the app. There are just 2 files: parts.png and base.png.
Thanks!
How do you extract this. I am using this in a prototype game and would like to expand the parts database
Imagine if this was in an sandbox game, everyone would look different.
Cool!
This is a really fun tool to play with!
I like a lot your art and now you make this tool, awesome!! thanks!
amazing tool! hope you will add some more sruff in the future