HOME | DD
Hapuriainen β Dress up tutorial
Published: 2011-01-22 20:22:10 +0000 UTC; Views: 149638; Favourites: 1916; Downloads: 1972
Redirect to original
Description
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.
Related content
Comments: 1120
It uses the same codes as the other button stuff. LikeΒ
on(release){
_root.character.gotoAndStop(FRAMENUMBER);
}
π: 0 β©: 0
Hello! Sorry about the question on this old submission but how did you make it so that she talked/reacted when you snapped clothes on her? In the "items with two parts" section. Thank you so much for the tutorial btw!!!
π: 0 β©: 1
You can add something like this to the part of the code that releases the item from the dragging:
on(release) {
stopDrag();
if(this.hitTest(_root.doll)){
_root.textBubble._visible = true;
}
else{
_root.textBubble._visible = false;
}
}
I didn't test the code though, hopefully it works...
π: 0 β©: 1
It worked!!! Thank you!!!
π: 0 β©: 0
thank you for this tutorial! It actually helped me a lot. But, I have a question...do you know how can I do a "reset" button?
π: 0 β©: 1
It depends on how your dress up is coded. Or the easiest way is to just make the first frame empty and put the dress up itself on frame 2 (or 3 if you have a preloader in frame 1), and then on the reset button putΒ
on(release){_root.gotoAndPlay(1);}
π: 0 β©: 1
Okay, I will try, thank you!
π: 0 β©: 0
Is it possible to make a tutorial for this in Adobe Animate? I want to make dress-up games again, but Adobe Flash is gonna become outdated in 2020 and HTML5 / WebGL will become the default file formats, and I was wondering if you can make an updated version?
π: 0 β©: 1
I don't have Adobe Animate so no. When Flash finally dies I suppose I'll have to think of an alternative, but right now I can only find monthly subscriptions for Animate and I'm definitely not getting one. So unless the option for an one time purchase becomes available I'll just have to find a new hobby.
π: 0 β©: 0
This tutorial is for Adobe Flash Professional.
π: 0 β©: 0
My computer is low for download this ligicial Β Β
π: 0 β©: 0
Is there a code to make an item hide automatically at the start of the flash and then use the button code to show it?
π: 0 β©: 1
Yes. The code to hide and unhide items can be found in the "drawers" section.
π: 0 β©: 3
Oh wait it worked! I forgot it was uppercase sensitive
π: 0 β©: 0
For some reason the code isnt working for me, do I need something else?
snag.gy/UFHtIZ.jpg
π: 0 β©: 0
If I'm using MacBook Air how could it work?
π: 0 β©: 1
I've never used one so I can't really help with that I'm afraid.
π: 0 β©: 0
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?
π: 0 β©: 1
That is obviously the better solution, but this tutorial was made based on what I knew in 2011 (which was not a lot).
π: 0 β©: 0
i love the inuyasha animationΒ Β Β
π: 0 β©: 0
This is what i need! Thank you I love youuu! β₯β₯β₯
π: 0 β©: 0
Hello! 
π: 0 β©: 1
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.
π: 0 β©: 1
I wrote the code insteady of copying and it worked wonders! Wierd.
π: 0 β©: 0
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
π: 0 β©: 1
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).Β
π: 0 β©: 1
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!^^
π: 0 β©: 1
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).
π: 0 β©: 1
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
π: 0 β©: 0
Amazing tutorial! Is there a way to make a "restart" button? So that the doll gets undressed again?
π: 0 β©: 1
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.
π: 0 β©: 1
Yeah I figured that would be the case. 
π: 0 β©: 1
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.
π: 0 β©: 1
Ah! Perfect
π: 0 β©: 0
Q5: Is it really such a heavy problem you have to actually post Q4 as an FAQ?
π: 0 β©: 1
People who approach me with a dress up idea expecting me to do all the work is indeed a common thing.
π: 0 β©: 1
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.
π: 0 β©: 1
I'm afraid I've never been able to draw with a mouse so I can't help with that.
π: 0 β©: 1
Oh, okay, then...
Then you just sketch on paper, then scan and clean up outside?
π: 0 β©: 1
Yes I can't do anything without pencil sketch.
π: 0 β©: 1
Oh, okay... yeah, maybe should work that part up...
π: 0 β©: 0
I do NOT know how to do that... I'm using MacBook and this couldn't work.
π: 0 β©: 0
And the last step is ... DRAW!
Β
Shit! I do not know how to do that...
π: 0 β©: 1
Post the 50-second stick man dress up test.
π: 0 β©: 0
| Next =>