Shop Mobile More Submit  Join Login
__________________
:bulletred::bulletred::icondonotuseplz::iconmyartplz::bulletred::bulletred:
If you have any questions, please feel free to ask! :)

My first tutorial is finally done! Thank goodness!
Oh my gosh, this took too long. I spent at least 10 hours working on this thing. :dead:

I made this tutorial because back when I was still learning how to make dress-up games, (well, I still am) I couldn't find any tutorials here on deviantart that taught you snap-into-place coding.

So I figured I'd make an advanced dress-up game tutorial since all the dress-up game tutorials here seem to be pretty basic.

So, enjoy! :aww:
-------------------------

Within this tutorial you will find:

• How to make clothes snap into place (snap-to-grid)
[I referred to this as "drag and drop" in the tutorial-- Sorry for the confusion!]
• How to make previous/next buttons
• How to make context menus
• How to make color-changing buttons


I'd love to see what you've made with the help of this tutorial, so if you'd like, post it in a comment. :)
----------------------------
(Textures from cgtextures.com)

Once again, let me know if you need help with anything! :aww:

__________________
:bulletred::bulletred::icondonotuseplz::iconmyartplz::bulletred::bulletred:

EDIT: OMGOODNESS! A DD! Thank you so, so much! I can't believe it!
Add a Comment:
 

Daily Deviation

Given 2010-06-11
Advanced DressUp Game Tutorial by ~BonnieMcBop is an advanced tutorial for Flash using ActionScript 2.0 to code a drag and drop dress up game of your own. Assuming that users have some understanding of Flash already, this fabulous walk through offers a step-by-step guide to create all sorts of interactive options for players to choose. Super fun! ( Suggested by sweetychan and Featured by FantasyStock )
:iconbuzbuster:
buzbuster Featured By Owner Jan 22, 2015  Hobbyist Digital Artist
what flash do you use
Reply
:iconthe-witchmaker:
The-Witchmaker Featured By Owner Oct 15, 2014  Hobbyist General Artist
is there any chance you might make a tutorial for ction script 3.0? ; A ;
Reply
:iconthe-witchmaker:
The-Witchmaker Featured By Owner Oct 14, 2014  Hobbyist General Artist
Can I ask how to add an animation for the next/previous buttons themselves? I want the button to appear "pressed" when I click it, as well as move to the next frame. How would I go about doing this?
Reply
:iconhiyouarehere:
hiyouarehere Featured By Owner Aug 18, 2014
I have a question and I would love if you or anyone could help me. It's about the hairs/color buttons. What if I want to have different hairs that you can drag, but want to change the color with the same buttons? I figured making one hair "drag-able" was possible, just using the code you provided on the final product so I wanted to see if I could add one more hairstyle, drag-able as well that would change with the same buttons. I figured just naming the instance clip the same aka "Hair" would work but it doesn't. Does anyone know how I could do this?
Reply
:iconwarriorcatlova:
warriorcatlova Featured By Owner Aug 16, 2014  Student General Artist
How (may i ask) do you make new layers? I own Flash cs6 and its not making new layers.
Reply
:iconwarriorcatlova:
warriorcatlova Featured By Owner Aug 16, 2014  Student General Artist
oh i apologize, Figured it out
Reply
:iconlittle-kagamine-rin:
Little-Kagamine-Rin Featured By Owner Jul 18, 2014  Hobbyist Digital Artist
downloading :3 Can't wait to make my SECRET game. I don't want anyone to copy so I'm not saying
Reply
:icongenocider-rabbit:
Genocider-Rabbit Featured By Owner Jun 20, 2014  Student Filmographer
I got a question! hope you reply :3

I want to make a my nose change when I cilck my prev/next arrows but I also want to make prev/next arrows to change the color of the nose how do I do that? btw this was helpful!
Reply
:iconprettywitchdoremi:
PrettyWitchDoremi Featured By Owner Jun 3, 2014  Hobbyist Digital Artist
Thank you SOO MUCH! This was a really helpful and easy to follow tutorial! :D
Reply
:iconmikegfx:
mikegfx Featured By Owner May 17, 2014
Do you know these "show" buttons that usually dress up games have in the end? Like to show the player what he had done, the complete outfit, hair and make up in a different scenery. How can I do that? Is it hard?
Reply
:icontyori:
Tyori Featured By Owner Apr 29, 2014   Traditional Artist
I have a question about colour. How can you have like a colour wheel so you can select any colour by moving the cursor instead of having colour buttons? I find a lot of games to be lacking in 'just the right colours' for hair or eyes unless they have the enter colour code box or select on the wheel option. When I go to make a game, I'd like to be able to do that. xD If you don't know either, I'm okay with that too, just lemme know~
Reply
:iconfionnafanatic:
FionnaFanatic Featured By Owner Apr 25, 2014  Hobbyist General Artist
Eh :D This tutorial helped so much! I've never even used flash before but I managed to make this because of your tut :3 DRESS UP FIONNA (Flash Game!) by FionnaFanatic

Thankyou!
Reply
:iconzephyrlightningheart:
^^ thanks for the tutorial it helped me make this: zephyrlightningheart.deviantar…

though its really big... i wonder how to make it smaller... unless i make the images small from the beginning and import it. 
Reply
:iconjdkr:
jdkr Featured By Owner Apr 15, 2014  Hobbyist Digital Artist
Hi, i have a big problem and i hope you can help me. i have a macbook air and my computer is telling me that i have adobe flash player installed but i cannot open it, i dont even know where to start , it seems so easy and i am SO frustrated to stay blocked at this step . Please if you have the tim , could you explain to me exactly how to open a flash document on a mac ?
Reply
:icontana-re:
Tana-Re Featured By Owner Apr 6, 2014  Professional Traditional Artist
OMG!!! This is soooo usefull!!
Reply
:iconhitmem:
Hitmem Featured By Owner Mar 3, 2014  Hobbyist Artist
Question, is there a possible way of exporting an Adobe Photoshop Elements 9 to a flash program?
Reply
:icondipndotz97:
Dipndotz97 Featured By Owner Feb 10, 2014  Hobbyist General Artist
hey~ I was just learning from this exact tutorial, and I've pretty much got everything down... eh.. howecer, the color changing button...? I'm having quite a bit of trouble with it.
See, I'm trying to make a character creator, where the body parts can be swapped around (not clothes/accessories) and they need to be color changed... I'm quite confused..
>where do I go to add new colors for the parts?
> do I go into the same movie clip that has the body parts in them?
> if not, what do I do?
> and whats the specific code?

Thanks for your time!

~Dot
Reply
:iconfodmunkio:
fodmunkio Featured By Owner Feb 4, 2014  Student Digital Artist
Wheeee! I'm going to give this a try!
Reply
:icondemonwolf-faerie:
demonwolf-faerie Featured By Owner Dec 19, 2013  Hobbyist Digital Artist
where can I get this program??
Reply
:iconkarichan11:
karichan11 Featured By Owner Jan 12, 2014  Hobbyist Digital Artist
www.adobe.com
Reply
:icondemonwolf-faerie:
demonwolf-faerie Featured By Owner Jan 12, 2014  Hobbyist Digital Artist
ok, thanks! ^^
Reply
:iconkarichan11:
karichan11 Featured By Owner Dec 14, 2013  Hobbyist Digital Artist
I love this so much, thank you! It has really helped me ^w^ You explain it so well. Very easy to understand!
Just one thing, I was wondering how to make check boxes for optional things( for example, check this box if you want her to have a lollipop)
I figured it's be just like the colour buttons, but It doesn't seem to work.
Reply
:iconlucytea03:
LucyTea03 Featured By Owner Nov 15, 2013  Student Artist
i dont have actionscript
Reply
:iconkarichan11:
karichan11 Featured By Owner Jan 12, 2014  Hobbyist Digital Artist
Do you have macromedia flash 8?
Reply
:iconlucytea03:
LucyTea03 Featured By Owner Jan 12, 2014  Student Artist
i dont know what i have all i know is its not actionscript bc i dont have that option she/he showed
Reply
:iconkarichan11:
karichan11 Featured By Owner Jan 12, 2014  Hobbyist Digital Artist
Just make sure you have downloaded adobe flash...
Reply
:iconlucytea03:
LucyTea03 Featured By Owner Jan 13, 2014  Student Artist
yeah really Blush  Well this is embarassing...  embarassed 
Reply
:iconkarichan11:
karichan11 Featured By Owner Jan 13, 2014  Hobbyist Digital Artist
Ya
Reply
:iconlucytea03:
LucyTea03 Featured By Owner Nov 15, 2013  Student Artist
Man i dont have actionscript

Reply
:iconbblover01:
BBlover01 Featured By Owner Nov 14, 2013  Hobbyist Interface Designer
FOLLOW THESE STEPS 1. COVER YOUR MOUTH WITH YOUR HAND 2.WHISPER A WISH IN YOUR HAND3. POST THIS ON 10 OTHER GAMES 4. LOOK AT YOUR HAND
Reply
:icondorkalicous:
dorkalicous Featured By Owner Sep 25, 2013  Hobbyist General Artist
FOLLOW THESE STEPS 1.COVER YOUR MOUTH WITH YOUR HAND 2.WHISPER A WISH IN YOUR HAND 3. POST THIS ON 10 OTHER GAMES 4.LOOK AT YOUR HAND
Reply
:iconthexbunny:
TheXBunny Featured By Owner Aug 20, 2013  Hobbyist
Hi, I really like this tutorial. Where can I download flash Free?
Reply
:iconmandiva:
mandiva Featured By Owner Aug 29, 2013
i wuz wondering that
Reply
:iconstellya:
Stellya Featured By Owner Jun 22, 2013  Hobbyist General Artist
I Made one x3 [link]
Thanks for awesome tutorial! :heart:
Reply
:iconstellya:
Stellya Featured By Owner Jun 21, 2013  Hobbyist General Artist
Thanks so much!
Reply
:iconevaniarn:
EvaniaRN Featured By Owner Jun 7, 2013
what application to make game?
Reply
:iconkashimusprime:
KashimusPrime Featured By Owner Mar 24, 2013  Hobbyist Digital Artist
I am grateful that you posted something like this, however working with Flash CS5, I am stumped on the previous/next buttons. I do everything you say to and it still doesn't work. I've gone over re-reading everything to try and catch where I messed up and I still can't get it to work :c

Is there some action script I am missing or something?
Reply
:iconaartboy:
AArtboy Featured By Owner Mar 24, 2013  Hobbyist Digital Artist
Thank you so much!!
Reply
:iconrockygems:
RockyGems Featured By Owner Feb 19, 2013  Student General Artist
Oh my god, I just started getting into these types of projects. THANK YOU.
Reply
:iconombreuse:
Ombreuse Featured By Owner Jan 29, 2013  Student Digital Artist
Hello!
Thank you sooo much for your great and complete tutorial!
This is exactly what I was looking for!

Now, it would be great if you could explain us how to do a "register" button! I'm looking for tutorial but I don't find anything :(
Reply
:iconroxana333:
roxana333 Featured By Owner Jan 28, 2013
i have troubles with the color buttons, can you help me?
Reply
:iconangelic-sage:
Angelic-Sage Featured By Owner Dec 11, 2012
My next/prev buttons won't work. I wouldn't bother you about it but all the tutorials I've seen haven't been able to help me with the problem and I can't find any info about it online. I followed all the directions but my the codes don't work. Drag and drop is fine. Snapping is fine, but I can't get my buttons to work. Do you know if this is a common issue? I want them to work :(
Reply
:iconxgoth-angelx:
XGoth-angelX Featured By Owner Jan 12, 2013  Student Digital Artist
Do you use Actionscript 3.0 or 2.0? It worked on 2.0 for me
Reply
:iconangelic-sage:
Angelic-Sage Featured By Owner Jan 15, 2013
2.0, So I don't know if I'm glitching or something.
Reply
:iconcutiescat:
CutiesCat Featured By Owner Nov 13, 2012
I want to do next and prev buttons but prev button is not working? Help? Anybody?
Reply
:iconimafairyfey:
ImAFairyFey Featured By Owner Nov 26, 2012  Hobbyist Digital Artist
Really? It was working for me, Where do you think you might have had trouble?
Reply
:iconcutiescat:
CutiesCat Featured By Owner Nov 26, 2012
I got it work thanks to another tutorial! :3 I don't know how this one didn't make it to me but maybe I gotted kind of wrong flash.
Reply
:iconsteampunkedinkling:
SteampunkedInkling Featured By Owner Jul 27, 2014  Hobbyist Artist
I have a problem with MY prev button not working? ;-;
Reply
:iconimafairyfey:
ImAFairyFey Featured By Owner Nov 26, 2012  Hobbyist Digital Artist
Ah Yah, yes it works, I got a little confused at one part but I figured it out, I am guessing thats the part that got you stuck on to, :3
Reply
:iconcutiescat:
CutiesCat Featured By Owner Nov 27, 2012
Propably :3
Reply
Add a Comment:
 
×




Details

Submitted on
September 19, 2009
Image Size
370 KB
Resolution
750×600
Thumb

Stats

Views
81,580 (5 today)
Favourites
2,886 (who?)
Comments
595
Downloads
1,994
×