1. Korea Digital Media High School 1-6 Dong-Hyun Nam
FLASH 로 게임 만들기
Hi, my name is Dong-Hyun Nam. You must be played flash game once. I’ll introduce How to make Flash games. When my presentation is over, you can make your games. Can you see that Korean ‘로 게임 만들기’? That is the first and the last Korean in my presentation and I’ll talk to English. First, we have to know what is flash.
Korea Digital Media High School
1-6 Dong-Hyun Nam

2. What is Flash? Made in (current) : Adobe name (least) : Adobe Flash cc
Computer Language : Action script
Explain : Flash is the Adobe’s vector-based interactive web authoring tools and software platforms.
Adobe’s site:
Then, What is Flash?
Flash is the Adobe’s vector-based interactive web authoring tools and software platforms. Nowadays, it’s made in adobe. It means Flash isn’t made in Adobe first. Flash was made by Macromedia. And now, flash’s latest version is Adobe Flash CC. Flash use Action Script that made for Flash.

3. Related file formats and extensions (representative)
swf
fla
flv
These are related file formats and extensions for Flash.
First one, swf format is completed file. It can not be edited more if you just have only this. But it can be decompiled by many decompiler. But it isn’t perfect decompile.
Second one is flv format. It’s almost similar with swf. But this is only animation files of flash.
Next one is as format. This is similar with FLV format. But this is only use action script. Actually, this is just a source code.
Last one is fla format. This contains the source data for the flash application. If you are beginners, you must be only use this. as

4. Flash Version Adobe flash cs3 professional Adobe flash cs4
Adobe flash cc
Macromedia flash 5
Macromedia flash mx
Macromedia flash mx 2004
Macromedia flash mx professional 2004
Adobe flash basic 8
Adobe flash 8
Future splash animator
Macromedia flash 1
Macromedia flash 2
Macromedia flash 3
Macromedia flash 4
These are Flash’s version. These can divide 4 part of each.
First is from 1995 to These are haven’t Action Script so these versions are so hard to work.
Another is from 2000 to These are section of Action Script 1.0. –mx까지
Next one is from 2003 to These are section of AS 2.0. AS 2.0 is not very different as AS 1.0. Just some more Upgrade.
The other is from 2007 to now. These are section of AS 3.0. AS 3.0 is quite different as old versions. Because since 2007, Adobe argument Macromedia. So Adobe made new version of AS, and name of Flash was changed from Macromedia Flash to Adobe Flash. AS3.0 is similar with other computer language like Python, Java, C#.

5. Flash!
Now, turn on Flash 8. I’ll teach you how to make games. First, make new file.

6. Flash Interface - Flash 8
This is user interface of Flash 8. I’ll introduce to flash 8 because I’ll told you this is the latest version of AS 2.0. AS 2.0 is good at beginners, but AS 3.0 is good at already programmer. This white stage is 550x400.

7. Flash can divide two parts – Animation and Action Script.
Animation part is almost use only Flash’s timeline to make some Animation.
Action Script part is almost just a coding.

8. Part of Animation
One of Flash’s part is animation that is very very easy
It usually use Timeline
This animation is part of design
One of Flash’s part is animation that is very very easy.
It usually use Timeline.
Flash animation is part of design because you have to draw all of it.

9. Part of Action Script
other One of Flash’s part is Action Script that is similar at Programming Language
It usually use Timeline
This animation is part of design
Part of Action Script that is almost similar at other Programming Language. You can use hotkeys, but as you get better, as you would better to do not use hotkeys.

10. Flash!
Make a circle. Drag and press F8. make movie clip symbol. Symbol have 3 type. One is movie clip which we usually use. Another one is button. Button is button. The other one is graphic. Graphic symbol is same as picture. If you make to movie clip, you can see something changed. Now, this circle was changed to symbol by you! You have to make symbol because only symbol and timeline can be written AS source. And if you press F9, you can see new window which can write AS source code.

11. FLASH! Move!
onClipEvent (enterFrame) { if (Key.isDown(39) { _x += 5; } if (Key.isDown(37) { _x -= 5; if (Key.isDown(38){ _y += 5; if (Key.isDown()) { _y -= 5;
This is a source code which can make it move. onclipevent is Small o, Big C, and Big E. you can think just each word’s first is Big but not first. Others are same too. If! I guess everyone in here is know ‘if’ isn’t it? AS’s grammer is similar with C language. If you finished write this code, press Ctrl + Enter. Then you can move your movie clip to arrow keys. But you can see it can move out of stage. So, we have to make a limit like this.

12. FLASH! Move!
onClipEvent (enterFrame) { if (Key.isDown(68) && _x<550) { _x += 5; } if (Key.isDown(65) && _x>0) { _x -= 5; if (Key.isDown(83) && _y<400){ _y += 5; if (Key.isDown(87) && _y>0) { _y -= 5;
Then it can’t move out!

13. Main subject Result Design Animation Program
Main subject of my presentation is harmony with Design, Animation and Program. If you can use all of them, you can make any games you want.
Now, under the assumption you know Flash like me, let’s make game!

14. Flash games - Example
These are two of the most famous games. One is 레바의 모험. It is made by 카카오, and illust by 레바. The other one is Flash man. It is made in Japan. But it is very famous for us, isn’t it? These are made by Flash. So, if you get mastered to flash, you can make better than these.

15. AOS RPG Design-Type of game Quiz Simulation rhythm Shooting Adventure
sport
Shooting
AOS
rhythm
If you want to make a game, you have to choose your game type. But, we don’t have enough time to make all of it. So, I’ll tell you how to make a Jump game!
RPG
action

16. Advantage of flash game 1
What is Advantage of flash? Flash can make anything easy and quickly. Look at this. This is the game witch I made only 5 days, when I was beginner. As you see, my web nickname is Fruits. Did you hear about me? Of course not… ok.

17. Advantage of flash game 2
Second advantage is change. You can change anything you want. Even game speed. If you want to up your game speed, just change fps up.

18. Advantage of flash game 3
Action
script
Other things
Programing
language
Flash
Third advantage is Compatibility. Other programs are usually made programming language and animation each others so sometime, they don’t work. But flash is use programming language to action script witch is made for flash!

19. Disadvantage of flash game 1
Then, what is the disadvantage of flash? First, if you want to make some animation or game, you have to draw all of it like this. It may seem easier. But if it change little bit difficult, you have to draw more of it like this.

20. Disadvantage of flash game 2
Next disadvantage is rectangle character. If you made some movie clip(character) and you want to do hit test, it’s hit test would be recognized to rectangle. Look at this character. This(left) one is character, and this(right) one is trap. If this character touch this trap, it will die. But this case, graphic isn’t touch to trap but this rectangle is touch. So, this character will die.

21. Disadvantage of flash game 3
Third disadvantage is graphic. As you know, flash’s graphic is not bad but other games graphic is better.

22. I Wanna Be the Green Cabage
Can you see a Green Cabage? It’s my character which I draw and I used to my game. Let’s use it.

23. Make two layer
Make second layer and F9 + stop();

24. Make to a movie clip
Draw cabbage and name what you want. Type is movie clip. And take register down.

25. I’m cabbage man!
Give name “man” to cabbage.

26. onClipEvent (load) { yspeed = 0; } onClipEvent (enterFrame) { yspeed += 1; _y += yspeed; if (Key.isDown(Key.RIGHT) && _x<550) { _x += 7; if (_xscale<0) {_xscale *= -1;} if (Key.isDown(Key.LEFT) && _x>0) { _x -= 7; if (_xscale>0) {_xscale *= -1;}
Insert code
Press F9 and copy this code. (코드 내용 설명)

27. Make a Ground
Draw a block and make to ground like that. And Double-click into it.

28. Again Ground
Again press F8. and name what you want.

29. Standing Code
onClipEvent (enterFrame) { if (this.hitTest(_root.man._x, _root.man._y, 1) && _root.man.yspeed>=0) { _root.man.yspeed = 0; _root.man.yspeed -= 1; } while (this.hitTest(_root.man._x, _root.man._y-2, 1) && _root.man.yspeed>=-1) { _root.man._y -= 1; if (this.hitTest(_root.man._x, _root.man._y+1, 1) && Key.isDown(Key.SPACE)) { _root.man.yspeed -= 14;
And press F9. and take this code into it. (코드 설명)

30. MAP!
And placed these.

31. Set faster
Double click FPS and change it 60.

32. Make a black box
If character touch this box, it will die.

33. Fall Down = death
Placed under the map. Because when character fall down, it would touch this box, and it will be die.

34. Death code onClipEvent (enterFrame) { if (this.hitTest(_root.man)) {
_root.gotoAndStop(1); }
Write this code in death box. (코드 설명)

35. Make a game over
Draw game over in stage 1.

36. Door
Draw a door and make to movie clip.

37. Code into door
onClipEvent(enterFrame){ if(Key.isDown(Key.UP)){ if(this.hitTest(_root.man) == true){ _root.gotoAndStop(3); }
Input this code into door. (코드 설명)

38. Make a End
Make a new stage and draw finish mark.

39. Play !!!
Now, press CTRL + Enter and play GAME!!!

40. Tip of honey onClipEvent(enterframe){Mouse.hide();}
onClipEvent(mouseMove){
this._x=_root._xmouse;
this._y=_root._ymouse; }
Tip of honey
괜히 간지나게
중심 + _xscale -> 쿨타임 적용 가능.
마우스 커서 변경 스킬

41. Conclusion
If you get mastered to flash, you can make everything such as on-line game, homepage and so on. Now! It’s time to make your game!