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

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: http://www.adobe.com/kr/ 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.

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

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 1999. These are haven’t Action Script so these versions are so hard to work. Another is from 2000 to 2002. These are section of Action Script 1.0. –mx까지 Next one is from 2003 to 2005. 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#.

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

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.

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.

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.

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.

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.

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.

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!

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!

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.

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

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.

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.

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!

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.

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.

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

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.

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

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

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

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. (코드 내용 설명)

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

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

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. (코드 설명)

MAP! And placed these.

Set faster Double click FPS and change it 60.

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

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

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

Make a game over Draw game over in stage 1.

Door Draw a door and make to movie clip.

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

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

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

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

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!