Shop Mobile 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:
 
:iconleluke:
leluke Featured By Owner May 20, 2015  Hobbyist Digital Artist
ah hello! I've already made a dress up game with click and drag, and for my next one I want to use buttons. however, I'm really new to flash, and while I've figured out how to make prev/next buttons for one set of items, I'm not entirely sure how to do it for several different sets. as in, if I already have prev/next buttons for faces, how do I make a second pair of buttons for hair. 

(I should also add that I'm using actionscript 3.0 because for some reason it won't let me use any older versions. however, I've already found a code for buttons that works in actionscript 3.0, its just that I'm not familiar enough with flash to know where to go from there.)
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner May 20, 2015  Hobbyist Digital Artist
I've never made a button for separate sets of items in AS3 so I don't know about its specifics.

Anyway, if you've made your face button so that you make the different face frames in the main timeline and your face button says something like gotoAndStop(2); or _root.gotoAndStop(2); you should rather convert the face into a movie clip, put the different faces in different frames inside it, and have your button say _root.face.gotoAndStop(2); . Then you can do the same with hair.
Reply
:iconmintcatcream:
MintCatCream Featured By Owner May 19, 2015  Hobbyist General Artist
I've made two games prior to this, but I've had the same problem every time...
After I upload the parts of the game and basically coded and arranged the items and I try to test the game out, it ends up with this:
sta.sh/0znl7qt7g1k
It happened the two previous times, though I've fixed it somehow, but this time I have no idea what I did wrong, and I can't remember how I did it before.
Any suggestions...?
;w;
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner May 19, 2015  Hobbyist Digital Artist
I can't see the error message properly, but here's some ideas:
1) are you sure you use ActionScript 2? The codes in the tutorial don't work for AS3.
2) are you sure that your code is in the movie clip and not the frame where it is?
3) it complains about an 'else' without an 'if' block before it.
Reply
:iconmintcatcream:
MintCatCream Featured By Owner May 22, 2015  Hobbyist General Artist
1) Yes, I'm 110% sure I am.
I checked first thing after I saw the error.
2) Mmmyep, I'm pretty sure they are on the movie clip.
(If you mean when you click on the image and then press f9, then yeah.)
3) I copied and pasted the code directly from the tutorial, and I checked, and there are proper if/else statements.

sta.sh/0651ghqs0o7
^There are the full error messages, if that helps...?
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner 6 days ago  Hobbyist Digital Artist
Have you tried writing the code on your own? Copypasting directly from the tutorial has led to formatting errors in the past (though I thought I managed to weed those out years ago).

Anyway, in situations like these when you get a ton of error messages it's good to remove most of the code that doesn't work (or put it in comments /* like this */ ) because it's easier to pinpoint the error if you only have a few lines of code to work with.

Your code is on a movie clip then, and not on a Bitmap (imported art)? Though I'm not sure if Flash would even let you put code on a bitmap... Do you get an error message if you put this to a button?

on(release){
trace("Hello World!");
}
Reply
:iconmintcatcream:
MintCatCream Featured By Owner 2 days ago  Hobbyist General Artist
Ahh, the thing is, I've made games using your code and they've worked just fine.
I've also checked it over with the other games, and they're pretty much the same.

Yes, I've imported the art, and I'm pretty sure they're all movie clips.
Aaaand I did get an error message when I tried it out.
> .>

I honestly might try to re-do everything from scratch just to make sure I haven't made any dumb mistakes...
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner 1 hour ago  Hobbyist Digital Artist
Sorry about the delayed reply.

In that case I'd duplicate one of the older works that works and change the content in the duplicate to the new stuff. If you run the game after every change you'd know at which point the error appears.
Reply
:iconmelodiitea:
melodiitea Featured By Owner Edited Apr 8, 2015  Student Digital Artist
I tried doing the next/last one, but my character is still animating and I did the stop code. Please help. This tutorial, I am not understanding this very well OTL
The name dress1? Where do I put it if i want to change the name? where do I put the original name? It doesn't say where. What item? 
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Apr 9, 2015  Hobbyist Digital Artist
I'm afraid I don't understand all your questions.

If the character is animating the stop(); code probably isn't in the right place. Double-click the character movie clip which takes you inside the movie clip, select a frame (the first one for example) in any layer, and hit F9. put stop(); in the box that pops up. A little "a" symbol should show up in the layer where you put the code.

The names that are important are the instance names of the clothes. That is different from the movie clip name. When creating a movie clip (by hitting F8 for example) the name you give it doesn't matter for these codes at all though it's recommended to name it something sensible so you can recognise the name. What is important is the instance name, which you write in the Properties panel (look in the Buttons part of the tutorial for a picture of the Properties panel).
Reply
:iconmelodiitea:
melodiitea Featured By Owner Apr 9, 2015  Student Digital Artist
I put the stop code in the right place when you click f9. it still animates, I don't have AS2, I have AS3, I wanted to do the 2 character dress up. Where I click a character name button and the character pops up. But its so confusing. I even did the drag and drop code, and it didn't work. I put them on Movie clip, and the code, and it did didn't work. Is it the type of AS I'm using?
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Apr 9, 2015  Hobbyist Digital Artist
This tutorial is for AS2, it says that in the first page of the first part of the tutorial. If you want to use AS3 you need to look for an AS3 tutorial somewhere else.
Reply
:iconjolin-chan:
Jolin-chan Featured By Owner Mar 26, 2015
Huhu i needed to comment once more...
THANKS SO MUCH!!!
i just tried it out with flash cs6 and drawed some simple and ugly sketches xD
it works super :3
it just took me 3 minutes :3
Reply
:iconjolin-chan:
Jolin-chan Featured By Owner Mar 26, 2015
This.... is totally easy to understand!!! Thanks so much :D
great tutorial! good that you decided to make one :3
Reply
:iconimfragrance:
imFragrance Featured By Owner Mar 25, 2015   General Artist
On which layers are buttons ( prev nex) drawn ? 
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Mar 25, 2015  Hobbyist Digital Artist
Any layer, it shouldn't matter.
Reply
:iconimfragrance:
imFragrance Featured By Owner Apr 2, 2015   General Artist
Hm.. But i am confused about objects. I want to add 3 color buttons , and 4 buttons lets say for hair types.I want the initial character with no hair on it. How can i add buttons for each 7 feature (color and hairs) ?
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Apr 3, 2015  Hobbyist Digital Artist
Make each hairstyle a separate movie clip and draw it in different colours in different frames inside the movie clip. For the hairstyle buttons put

on(release){
_root.hair1._visible = true;
_root.hair2._visible = false;
_root.hair3._visible = false;
_root.hair4._visible = false;
}

and for colour buttons

on(release){
_root.hair1.gotoAndStop(1);
_root.hair2.gotoAndStop(1);
_root.hair3.gotoAndStop(1);
_root.hair4.gotoAndStop(1);
}

and so on. On your main timeline frame put

_root.hair1._visible = false;
_root.hair2._visible = false;
_root.hair3._visible = false;
_root.hair4._visible = false;

to make all hairstyles initially invisible.
Reply
:iconimfragrance:
imFragrance Featured By Owner Apr 4, 2015   General Artist
On my main timeline frame, there is only 1 hairstyle drawn to be clicked on it, and to create different versions of it inside of it. 

I want to hide that movie clip. The first movie clip which is visible have a name , but the ones i created after double clicking it do not have specific names.
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Apr 4, 2015  Hobbyist Digital Artist
I'm afraid I don't understand the problem.
Reply
:iconimfragrance:
imFragrance Featured By Owner Apr 4, 2015   General Artist
i have sent you a note.

Thank you.
Reply
:iconbionikita:
BioNikita Featured By Owner Mar 24, 2015  New Deviant Hobbyist General Artist
I'm trying to do the drawers, but all my clothes are staying on screen, i've posted the code with all the right names, on every layer trying to make it work, and it hasn't at all. I'm using Flash 8, which has the actionscript 2, so i'm not sure whats going on. Is there anyway you can help?
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Mar 25, 2015  Hobbyist Digital Artist
Does any visibility code work at all? I mean, when you load the game, are all clothes visible, or just the ones that are supposed to be on the first "page"?
Reply
:iconbionikita:
BioNikita Featured By Owner Mar 26, 2015  New Deviant Hobbyist General Artist
That code doesn't work at all, like all the clothes are visible. 
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Mar 26, 2015  Hobbyist Digital Artist
Are you sure you've given your items instance names? That's different from the name you give them when you create the movie clip (that has nothing to do with the codes).
Reply
:iconbionikita:
BioNikita Featured By Owner Mar 27, 2015  New Deviant Hobbyist General Artist
I will check, thank you.
Reply
:iconpremato-chan:
Premato-chan Featured By Owner Edited Mar 21, 2015  Hobbyist Traditional Artist
Hi!
I import png clothes to Flash. when I select them, they have this huge rectangular thing around them, and what happens is when I drag from anywhere inside that rectangle, the clothes also move. 
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Mar 22, 2015  Hobbyist Digital Artist
Check the latter part of the "importing art" section of the tutorial, it explains masks.
Reply
:iconpremato-chan:
Premato-chan Featured By Owner Mar 22, 2015  Hobbyist Traditional Artist
How about this, I followed the instructions, and when I try it out, only layer  "the original clothes drawing" moves. I tried it again and the layer 2 "the mask" only moves. What am I doing wrong?
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Mar 22, 2015  Hobbyist Digital Artist
I'm afraid I don't understand the problem. Maybe upload the not-working version to stash or something?
Reply
:iconpremato-chan:
Premato-chan Featured By Owner Mar 23, 2015  Hobbyist Traditional Artist
So, I followed the instructions and this came out.
sta.sh/0nbqn30wlqo
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Mar 23, 2015  Hobbyist Digital Artist
You're supposed to put the mask layer in the same movie clip with the shirt, not in the main timeline like it seems to be now. Double-click your shirt movie clip and make the mask layer there above the shirt drawing.
Reply
:iconpremato-chan:
Premato-chan Featured By Owner Mar 24, 2015  Hobbyist Traditional Artist
Omigosh Thankss :P
Reply
:iconpremato-chan:
Premato-chan Featured By Owner Mar 24, 2015  Hobbyist Traditional Artist
okay last one. How about when I want to put an object above another object in the actual game? I play games that when you double-click an item, it moves to front? Did I make that sound right?
Reply
:iconpugsinthesky:
PugsintheSky Featured By Owner Edited Feb 13, 2015  Student Photographer
Hello, i have a little stupid question i can't find anywhere in internet... I would like to make my own dress up game, but before beginning, i would like to know how i can save the file while i'm making this.. I'm not gonna begin and finish the same day, and for security, i would like to save my work with drawing, codes, etc.. and edit it later, to add more clothes, more things, edit clothes... but when i draw something on flash and simply click on "Save as.." it purpose to me to save it as a document ".fla", but for any drawings, any files, it tell me that it is an error and he can't save. I think this is not the good way to save my "not finished" work with flash, and i don't understand how to do it correctly..
Thank you so much if you understand me (and my shitty english jaja), hope you can help me.
Thank you !
Reply
:icondaschocolate:
DasChocolate Featured By Owner Feb 6, 2015  Professional Digital Artist
Question. I'm trying to make "color changing buttons" and for the life of me, I can't figure out what I am doing wrong. 
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Feb 6, 2015  Hobbyist Digital Artist
What is the problem with them then?
Reply
:icondaschocolate:
DasChocolate Featured By Owner Feb 7, 2015  Professional Digital Artist
Okay I'm trying to make make a "create-a-character" flash interactive but I'm stuck on how to sync the designated colors with the matching buttons.

I've imported artwork but I'm not entirely sure if each color needs to be a separate file or if I can have the entire drawing in one big file and use groups.

As of now, I've done the latter but and I've entered stop(); but it still flashed through all the colors.
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Feb 8, 2015  Hobbyist Digital Artist
I've never done a character creator with imported art so I'm probably not the best person to advise on that, but...

For starters I'm fairly sure that you can't use only one drawing with different stuff in different layers and somehow split them in Flash. You can cut down the workload a little by using masks (so that you wouldn't need shirt_darkblue.jpg, shirt_lightblue.jpg, shirt_black.jpg etc for all colours but instead one shirt drawing), but that's a bit more complicated and I'd recommend getting it working with the simpler option first.

Apparently you already have something with the colours, but I'm not sure if I understand what. How did you implement the colour thing that flashed through all frames?
Reply
:icondaschocolate:
DasChocolate Featured By Owner Feb 8, 2015  Professional Digital Artist
This is how it looks so far: FlashStuff & www.fastswf.com/oCUyMmM

The pelt layer have the different colors and the swatches layer is the buttons.
I can click the buttons but I'm not sure how to connect everything.
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Feb 9, 2015  Hobbyist Digital Artist
I don't see any looping, is the stop(); working now?

I can't tell from the file how you've organised the movie clips. For my code to work the pelt has to be made into its own movie clip, and inside it you have different coloured drawings in different frames (not layers).

If that's how your movie clips are I'd check the instance names. Are you sure you gave them? That is different from the name you give when you create the movie clip.
Reply
:icondaschocolate:
DasChocolate Featured By Owner Feb 16, 2015  Professional Digital Artist
Yes the Stop(); is working.
I've checked the instance names but that still hasn't seem to help.
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Feb 17, 2015  Hobbyist Digital Artist
What does it write if you put

trace(_root.instancename);

to any frame? (replace instancename with the instance name of the object you're trying to change)
Reply
(1 Reply)
:iconkamikaze221:
kamikaze221 Featured By Owner Edited Jan 31, 2015
how i download it free the product is not availlable (sorry if i make somme mistakes i'm french)
Reply
:iconphantoml97:
PhantomL97 Featured By Owner Jan 22, 2015  Hobbyist Digital Artist
Hi, I was using your tutorial and for the next and previous buttons I keep getting this error: snag.gy/efeFm.jpg
Reply
:iconhapuriainen:
Hapuriainen Featured By Owner Jan 24, 2015  Hobbyist Digital Artist
A syntax error means that there's probably a typo or something, but it's a bit hard to tell what's wrong just from that error message. Can you copypaste the button code here?
Reply
:iconphantoml97:
PhantomL97 Featured By Owner Jan 25, 2015  Hobbyist Digital Artist
don't worry, I managed to work out what was wrong and fixed it, thanks!
Reply
Add a Comment:
 
×
Download SWF download, 1.5 MB




Details

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

Stats

Views
93,391 (23 today)
Favourites
1,862 (who?)
Comments
1,039
Downloads
1,447
×