Shop Forum More Submit  Join Login
I haven't been too motivated for making a dress up tutorial, since there are so many of them already. One day I sorta got interested in the idea anyway. And in order to stand out in the great amount of tutorials, I decided to take the average Hapuriainen route: make it unnecessarily large. I mean, what kind of idiot draws 100+ items for a tutorial? answer: me Actually this was already started in autumn, but I didn't have the time to finish it until now.

[edit]: Fixed the game a bit, the codes should work now. Sorry about the inconvenience! Thanks to KawaiiPandah for the words of wisdom on the importing art section.
Add a Comment:
 
:iconzypex117:
Zypex117 Featured By Owner Nov 9, 2017
Couldn't you of put the x and y positions of the doll into a variable so you wouldn't need to need to update the snapping code if you were to change the doll's position?
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Nov 10, 2017  Hobbyist Digital Artist
That is obviously the better solution, but this tutorial was made based on what I knew in 2011 (which was not a lot).
Reply
:iconthatsavageanimegurl:
thatsavageanimegurl Featured By Owner Aug 6, 2017  Hobbyist Digital Artist
i love the inuyasha animation :D (Big Grin) :D (Big Grin) 
Reply
:iconsmilethroughthepain:
Smilethroughthepain Featured By Owner Aug 6, 2017  Student Digital Artist
thx!!!!
Reply
:icon00gojiramon:
00gojiramon Featured By Owner Jul 22, 2017  Hobbyist Digital Artist
Thanks for the tutorial!
Reply
:iconpumpkinmask:
pumpkinmask Featured By Owner Jun 27, 2017  Hobbyist Digital Artist
This is what i need! Thank you I love youuu! ♥♥♥
Reply
:iconellise93:
Ellise93 Featured By Owner May 30, 2017   Digital Artist
Hello! :D  I'm at the very end of making my own dress up game and this tutorial has been extremely helpful! ♥  I'm at the part where I want the items to snap back to their place in the wardrobe. I copied the snap back code, put the code on my item below the other code and changed the X's and Y's to where I want them to go. (I also tried to replace the code on the item with this, but I got the same result) and I get three errors: Syntax error, 'else' encountered without mathcing 'if' and Unexpected '}' encountered.  I was thinking maybe you are familiar with this problem? ^-^
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner May 31, 2017  Hobbyist Digital Artist
In the past there has been issues that just copypasting the code causes syntax errors even if it worked right for me. I thought I fixed everything, but maybe I didn't get this one? Would it work if instead of copypasting you wrote the code yourself?

If it doesn't help I can see if I can find a bug in the code if you copypaste it here in the comments.
Reply
:iconellise93:
Ellise93 Featured By Owner May 31, 2017   Digital Artist
I wrote the code insteady of copying and it worked wonders! Wierd. :D Thanks for the help! ♥
Reply
:iconberrysplash:
BerrySplash Featured By Owner Apr 18, 2017  Hobbyist Digital Artist
This tutorial has helped me so so much!! thank you for making it. I am wondering though,  how would I make multiples/infinite amounts of the same draggable item? I've copy pasted the art but it seems they'd all need different instance names etc, is there a better way? I've only been learning for a few months so I don't understand a lot of things ^^;
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Apr 18, 2017  Hobbyist Digital Artist
If you use instance names every item needs to have its own, there's no way around it. 

It is possible to generate new items dynamically and have the algorithm give them instance names, but I'm not sure if it's more trouble than it's worth. Or like it's a super useful skill for a flash programmer obviously since it's such a basic thing, but if you have no interest in programming outside having fun making simple dress ups it'll probably require some effort to get it working. But if you're interested this tutorial looks like it could help (I recommend the "using attachmovie" method). 
Reply
:iconberrysplash:
BerrySplash Featured By Owner Apr 18, 2017  Hobbyist Digital Artist
Ohh I see, it does seem complicated but I'm determined to learn more, I want to make a big, detailed, winx style character creator some day, thanks for replying!^^
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Apr 20, 2017  Hobbyist Digital Artist
It shouldn't be impossible or anything like that, just that it probably takes more effort to get it working than just copypasting a few lines of code, like you have to actually understand what it does. Being motivated to push towards more complicated dress ups is a great start! You can first try generating one movie clip with the code as a first step, and then move towards making it movable (the tutorial doesn't specifically teach about that but I can try to find another one later).
Reply
:iconberrysplash:
BerrySplash Featured By Owner Apr 20, 2017  Hobbyist Digital Artist
Right, I just remember seeing in maker/creator games like dolldivine's you can for example keep dragging the same flower over and over to make a flower crown, it doesn't run out, I want to make something that gives you that much freedom, just didn't think it'd have complicated code behind it. I've always been bad at math and I guess I am with code as well, it hurts my brain to try and figure out xD That's why your tutorial is so helpful cause it's put very simply haha. There's still quite an active community here on dA for winx art and I've just never seen a detailed character creator based on it so it pushed me to learn so I can make one , since I already like drawing the style^^ but I have been so dead-set on making the character maker that I haven't made anything else xD only this super simple one for an oc back when i didnt know much Dress Up Belinda . It is frustrating though, since I don't know much about flash and codes that when something doesn't work idk how to fix it and I end up giving up for weeks  >.< You're definitely right, I can't just rely on copy paste and should actually learn how to do it myself so I can do even more stuff, luckily I've learned color buttons, previous and next and drawers so hopefully I can already do a lot even if I can't figure out the unlimited drag and drop. Thanks for trying to help me though ^^ I just learn slowly when it comes to this stuff xD
Reply
:iconellise93:
Ellise93 Featured By Owner Apr 17, 2017   Digital Artist
Amazing tutorial! Is there a way to make a "restart" button? So that the doll gets undressed again?
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Apr 18, 2017  Hobbyist Digital Artist
The easy way would be just putting your game on frame 2 (or 3 if the first frame has a preloader) and give the reset button the _root.prevFrame(); code. I prefer having the reset button say "put every item to its away-from-doll coordinates and make them invisible" though since it feels more elegant, but in the end it doesn't really matter as long as it works I guess.
Reply
:iconellise93:
Ellise93 Featured By Owner Apr 18, 2017   Digital Artist
Yeah I figured that would be the case. :( I'm nearly done with my game so it would be difficult to set everything on frame 2 now. Thank you so much for the reply! Wasn't sure you'd still give feedback after so many years! ♥
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Apr 18, 2017  Hobbyist Digital Artist
No need to move the items, you only need to select the keyframes in frame 1 and drag them to frame 2, and put the stop(); code to frame 2. If you have a ton of layers you can select them all with shift+click.
Reply
:iconellise93:
Ellise93 Featured By Owner Apr 18, 2017   Digital Artist
Ah! Perfect :D Thank you so much!
Reply
:iconzetaresp:
ZetaRESP Featured By Owner Apr 17, 2017  Hobbyist General Artist
Q5: Is it really such a heavy problem you have to actually post Q4 as an FAQ?
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Apr 18, 2017  Hobbyist Digital Artist
People who approach me with a dress up idea expecting me to do all the work is indeed a common thing.
Reply
:iconzetaresp:
ZetaRESP Featured By Owner Apr 18, 2017  Hobbyist General Artist
Oh... okay... Can you teach how to draw a sketch with a mouse? I really, REALLY need to either learn that or get a touch screen and just tablet the crap out of it.
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Apr 18, 2017  Hobbyist Digital Artist
I'm afraid I've never been able to draw with a mouse so I can't help with that.
Reply
:iconzetaresp:
ZetaRESP Featured By Owner Apr 18, 2017  Hobbyist General Artist
Oh, okay, then...

Then you just sketch on paper, then scan and clean up outside?
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Apr 19, 2017  Hobbyist Digital Artist
Yes I can't do anything without pencil sketch.
Reply
:iconzetaresp:
ZetaRESP Featured By Owner Apr 19, 2017  Hobbyist General Artist
Oh, okay... yeah, maybe should work that part up...
Reply
:iconclaranekochan:
ClaraNekoChan Featured By Owner Apr 13, 2017  Student Artist
I do NOT know how to do that... I'm using MacBook and this couldn't work.
Reply
:iconcurly30:
curly30 Featured By Owner Edited Mar 21, 2017
And the last step is ... DRAW!
 
Shit! I do not know how to do that...
omg cryNOOOO sobbing - cryingGhost Crying Emoticon Icon Gif - UndertalePearl Emote 10[EXO] Kris ''Legit'' Crying Emoticon
Reply
:iconnihaoimjazzybar52:
nihaoimjazzybar52 Featured By Owner Jul 17, 2017  Hobbyist General Artist
Post the 50-second stick man dress up test.
Reply
:iconivysand:
IvySand Featured By Owner Jan 15, 2017  Hobbyist General Artist
Very helpful, thank you!
Reply
:iconceralynne:
ceralynne Featured By Owner Nov 14, 2016  Hobbyist Digital Artist
Thank you!
Reply
:iconerinpuppy:
Erinpuppy Featured By Owner Oct 5, 2016   General Artist
this was the most wonderful tutorial i have ever read, thank you so much
Reply
:iconpelusita-fideos:
Pelusita-Fideos Featured By Owner Edited Sep 17, 2016  Hobbyist General Artist
I have a problem with the snap D; with the first clothe it works fine, but the others dont snap correctly in the doll :C I put the correct coordinates in the code, I dont know what I'm doing wrong tmt
The only difference is that the first clothe dont have mask yet, but the other yes. That could be the reason?

EDIT: Never mind, I actually fixed it ;V;
Reply
:iconkrph-tv10:
KRPH-TV10 Featured By Owner Aug 22, 2016  Hobbyist General Artist
I'm working on AS3, but I don't know how to make the parts snap? I know this is for AS2, but are there alternative tutorials I can follow for AS3?
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Aug 22, 2016  Hobbyist Digital Artist
I only know about as2 so I can't really help with that. I recommend googling something like "flash as3 dragging" or "flash as3 drag & drop tutorial".
Reply
:iconkrph-tv10:
KRPH-TV10 Featured By Owner Aug 23, 2016  Hobbyist General Artist
Thanks.
Reply
:iconshyiu:
Shyiu Featured By Owner Jul 25, 2016
Thank you for creating such helpful tutorial ^^ 
I have one question (I dont really know how to explain xD) I don't know how to make clothing transparent so only the clothing is clickable not the square area, because it blocks other clothing and I cant click on them
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Jul 25, 2016  Hobbyist Digital Artist
I'm not sure if I understand the question, but have you checked the last pages regarding masks in the "importing art" part?
Reply
:icontenshilove:
Tenshilove Featured By Owner Jul 11, 2016  Student Digital Artist
sorry to bother you but i see your still answering questions on this tut so i hope its ok.
Ive been trying desperately to find a program to make a dress up game in and it seems Adobe flash has been updated to "edge Animate"
Its really similar to flash but the codes are all different.

Do you know where i can find the codes for animate?
if not, do you know somewhere i can download the older version of flash that actually works?

Im like, pulling my hair out over this OTL

thanks for your  time and any help you can give.
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Jul 13, 2016  Hobbyist Digital Artist
Hello! Sorry it took so long to reply.

I looked into it, and it looks like the old coding still works Animate. "Yes, the tool has all the existing capabilities for AS3 Game building. It is essentially Flash Professional with significant new functionalities renamed as Animate CC", says someone. So I assume it means that AS2 is included too. Or if you have some source that says that the coding stuff is completely new and different I can check it if you give me a link.

If you're thinking whether you should use AS2 or AS3, AS3 has more stuff you can do with it, but I think it's more difficult for a beginner. So if you've never coded anything I recommend AS2, but if you have any coding experience I'd start right from AS3 because moving from AS2 to AS3 is kind of a pain (just experiencing it myself and they're different enough that it's horrible).

I wasn't able to find a way to get the older versions of Flash with a quick googling (at least legally). It appears that Adobe moved to a subscription based model to combat piracy.
Reply
:iconggtheotakuhero:
GGTheOtakuHero Featured By Owner May 17, 2016  Hobbyist General Artist
Hi! First of all, congrats on making such an awesome flash tutorial, I mean, this has basically taught me all I know about movie coding in flash (i know, I'm such a newbie)

I have a question regarding items with two parts. I combined the codes in order to make the item snap to the doll but then not snapping back into place when dragged outside. My issue here is that while the bottom seems to follow the top part correctly, I can't seem to be able to take it off the doll after it's been put on it for the first time. I'm not advanced enough yet and I don't understand if I'm filling in correctly all the coordinates. My best guess is that the problem could be in the "else" part.

Are the two sets in "on (release)" and the "else" supposed to be identical? Like, the X and Y of coat and the X and Y of coat_bottom in "on(release)" should be the same of the X and Y of coat and the X and Y of coat_bottom in "else"? If not, how should I fill the "else" coordinates?

I can show you the whole code if I haven't explained myself well @_@ Thanks for helping, though!
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner May 18, 2016  Hobbyist Digital Artist
So you want
-back part following the front part
-items snapping to doll
-but no items snapping back to their original coordinates when not on the doll? Should be fairly simple.

What does your code look for both the item and the back part?
Reply
:iconfantazayamaya:
FantazayaMaya Featured By Owner Apr 24, 2016  Hobbyist Traditional Artist
I have a question, How do you add a color changer/picker? I'd like to put one in a game I've been working on but every tutorial I've tried to use only ends up not working or is terribly difficult to understand...
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Apr 25, 2016  Hobbyist Digital Artist
What do you mean by colour picker? One with buttons and pre-defined colours is fairly easy to do, while the one where you can pick any hex code (the one I use in my newer character creators) is more complex and I don't think I could explain that.
Reply
:iconfantazayamaya:
FantazayaMaya Featured By Owner Apr 25, 2016  Hobbyist Traditional Artist
I meant the hex code version. I understand, though. the tutorials I tried using were a bit difficult to understand, I'll try my best until I get it right!
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Apr 26, 2016  Hobbyist Digital Artist
Ah, that one. I'm afraid I can't make a step-by-step tutorial on that since it's so complicated. And the tutorial I used has been long removed, and I had to make a lot of alterations for that anyway. If you have more specific questions I can see if I can help. 

If you're going to work on this, I'd recommend you to split the problem in parts:

1) changing a movie clip's colour with a hex colour value (here's a fairly easy tutorial on that) and
2) getting the hex colour value of the pixel that was clicked.

When you get these working separately you can use the latter as an input for the former.
Reply
:iconqardinaal:
qardinaal Featured By Owner Apr 2, 2016  Hobbyist General Artist
Hello! This is the most helpful tutorial I've seen. I'm trying to convert everything to AS3, but I won't ask you about that.
What I do have a question with is how you keep everything organized. 

Let's say I make a dress up game with 100 items. I separate each item into buttons for "tops", "bottoms", "shoes". each button is on it's own layer. but everything is on the same frame. 
Is it possible to make a dress up game with multiple frames for the *drawers* or not?
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Apr 3, 2016  Hobbyist Digital Artist
I don't think I understand the question. First of all, is you dress up drag&drop or operated with buttons? And what is the need to have multiple frames? None of mine have more than one frame in the main timeline (or two if you count the preloader in the first frame, but that has nothing to do with the dress up's coding).
Reply
Add a Comment:
 
×




Details

Submitted on
January 22, 2011
Image Size
1.5 MB
Resolution
740×570
Thumb

Stats

Views
128,347 (19 today)
Favourites
2,002 (who?)
Comments
1,120
Downloads
1,701
×