남동현 - 어도비 플래시로 게임만들기 (2014Y08M30D)
•Download as PPTX, PDF•
0 likes•1,494 views
Donghyun Nam - 어도비 플래시로 게임만들기 Making Games with Adobe Flash Seminar Info (https://wiki.ubuntu.com/KoreanTeam/activities/14) Watch Spaeker's Slide! http://mwiki.ubuntu.or.kr/index.php/%ED%8C%8C%EC%9D%BC:FLASH%EB%B0%9C%ED%91%9C.pptx Place / Date - 서울 토즈 대학로점 / 2014Y 8M 30D 토요일 ~ About Speaker ~ Donghyun Nam Video Capture : 장태희 (jang0913@gmail.com) 본 영상 녹화는 발표 진행 전 발표자와의 동의 하에 진행되었습니다. What is Ubuntu Linux? Ubuntu is an ancient African word meaning 'humanity to others'. It also means 'I am what I am because of who we all are'. The Ubuntu operating system brings the spirit of Ubuntu to the world of computers. http://www.ubuntu.com Why don't you stop by Ubuntu Korea Community? Forum (http://www.ubuntu-kr.org/) Facebook (https://www.facebook.com/groups/ubuntu.ko/) Wiki (http://mwiki.ubuntu.or.kr/index.php/%EB%8C%80%EB%AC%B8)
More Related Content
Similar to 남동현 - 어도비 플래시로 게임만들기 (2014Y08M30D)
Similar to 남동현 - 어도비 플래시로 게임만들기 (2014Y08M30D) (20)
More from Ubuntu Korea Community
More from Ubuntu Korea Community (20)
Recently uploaded
Recently uploaded (20)
남동현 - 어도비 플래시로 게임만들기 (2014Y08M30D)
- 1. 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: HTTP://WWW.ADOBE.COM/KR/
- 3. RELATED FILE FORMATS AND EXTENSIONS (REPRESENTATIVE) swf flv as fla
- 4. FLASH VERSION Future splash animator Macromedia flash 1 Macromedia flash 2 Macromedia flash 3 Macromedia flash 4 Macromedia flash 5 Macromedia flash mx Macromedia flash mx 2004 Macromedia flash mx professional 2004 Adobe flash basic 8 Adobe flash 8 Adobe flash cs3 professional Adobe flash cs4 Adobe flash cs5 Adobe flash cs6 Adobe flash cc
- 5. FLASH!
- 6. FLASH INTERFACE - FLASH 8
- 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
- 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
- 10. FLASH!
- 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; } }
- 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; } }
- 14. FLASH GAMES - EXAMPLE
- 16. ADVANTAGE OF FLASH GAME 1
- 17. ADVANTAGE OF FLASH GAME 2
- 18. ADVANTAGE OF FLASH GAME 3 Flash Action script Other things Programing language
- 19. DISADVANTAGE OF FLASH GAME 1
- 20. DISADVANTAGE OF FLASH GAME 2
- 21. DISADVANTAGE OF FLASH GAME 3
- 22. I WANNA BE THE GREEN CABAGE
- 23. MAKE TWO LAYER
- 24. MAKE TO A MOVIE CLIP
- 25. I’M CABBAGE MAN!
- 26. INSERT CODE 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;} } }
- 27. MAKE A GROUND
- 28. AGAIN GROUND
- 29. STANDING CODEONCLIPEVENT (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; } }
- 30. MAP!
- 31. SET FASTER
- 32. MAKE A BLACK BOX
- 33. FALL DOWN = DEATH
- 34. DEATH CODE ONCLIPEVENT (ENTERFRAME) { IF (THIS.HITTEST(_ROOT.MAN)) { _ROOT.GOTOANDSTOP(1); } }
- 35. MAKE A GAME OVER
- 36. DOOR
- 37. CODE INTO DOOR ONCLIPEVENT(ENTERFRAME){ IF(KEY.ISDOWN(KEY.UP)){ IF(THIS.HITTEST(_ROOT.MAN) == TRUE){ _ROOT.GOTOANDSTOP(3); } } }
- 38. MAKE A END
- 39. PLAY !!!
- 41. CONCLUSION
Editor's Notes
- 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.
- 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.
- 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.
- 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#.
- Now, turn on Flash 8. I’ll teach you how to make games. First, make new file.
- 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.
- 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 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.
- 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.
- 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.
- Then it can’t move out!
- 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!
- 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.
- 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!
- 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.
- 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.
- 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!
- 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.
- 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.
- Third disadvantage is graphic. As you know, flash’s graphic is not bad but other games graphic is better.
- Can you see a Green Cabage? It’s my character which I draw and I used to my game. Let’s use it.
- Make second layer and F9 + stop();
- Draw cabbage and name what you want. Type is movie clip. And take register down.
- Give name “man” to cabbage.
- Press F9 and copy this code. (코드 내용 설명)
- Draw a block and make to ground like that. And Double-click into it.
- Again press F8. and name what you want.
- And press F9. and take this code into it. (코드 설명)
- And placed these.
- Double click FPS and change it 60.
- If character touch this box, it will die.
- Placed under the map. Because when character fall down, it would touch this box, and it will be die.
- Write this code in death box. (코드 설명)
- Draw game over in stage 1.
- Draw a door and make to movie clip.
- Input this code into door. (코드 설명)
- Make a new stage and draw finish mark.
- Now, press CTRL + Enter and play GAME!!!
- 괜히 간지나게 중심 + _xscale -> 쿨타임 적용 가능. 마우스 커서 변경
- 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!