동국대 앱창작터 4일차:cocos2d-x 고급기능
TRANSCRIPT
![Page 1: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/1.jpg)
4일차:고급기능 모바일게임과정II:Cocos2d-X
![Page 2: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/2.jpg)
목차
패럴렉스노드 사용하기
타일맵 사용하기
파티클 사용하기
모바일게임과정II:Cocos2d-X 2
![Page 3: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/3.jpg)
패럴렉스노드 사용하기
모바일게임과정II:Cocos2d-X 3
![Page 4: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/4.jpg)
패럴렉스 기본 사용법
CCParallaxNode
화면을 스크롤하는 클래스
여러 개의 배경 이미지를 스크롤할 때 시차스크롤이 가능함
모바일게임과정II:Cocos2d-X 4
![Page 5: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/5.jpg)
모바일게임과정II:Cocos2d-X 5
![Page 6: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/6.jpg)
모바일게임과정II:Cocos2d-X 6
![Page 7: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/7.jpg)
모바일게임과정II:Cocos2d-X 7
![Page 8: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/8.jpg)
디바이스보다 큰 배경 스크롤하기
모바일게임과정II:Cocos2d-X 8
![Page 9: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/9.jpg)
모바일게임과정II:Cocos2d-X 9
![Page 10: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/10.jpg)
모바일게임과정II:Cocos2d-X 10
![Page 11: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/11.jpg)
모바일게임과정II:Cocos2d-X 11
![Page 12: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/12.jpg)
배경과 스프라이트 동시에 움직이기
모바일게임과정II:Cocos2d-X 12
![Page 13: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/13.jpg)
모바일게임과정II:Cocos2d-X 13
![Page 14: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/14.jpg)
모바일게임과정II:Cocos2d-X 14
![Page 15: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/15.jpg)
이동 버튼으로 배경 움직이기
모바일게임과정II:Cocos2d-X 15
![Page 16: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/16.jpg)
모바일게임과정II:Cocos2d-X 16
![Page 17: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/17.jpg)
모바일게임과정II:Cocos2d-X 17
![Page 18: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/18.jpg)
모바일게임과정II:Cocos2d-X 18
![Page 19: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/19.jpg)
모바일게임과정II:Cocos2d-X 19
![Page 20: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/20.jpg)
모바일게임과정II:Cocos2d-X 20
![Page 21: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/21.jpg)
모바일게임과정II:Cocos2d-X 21
![Page 22: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/22.jpg)
모바일게임과정II:Cocos2d-X 22
![Page 23: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/23.jpg)
배경과 스프라이트 같이 이동시키기
모바일게임과정II:Cocos2d-X 23
![Page 24: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/24.jpg)
모바일게임과정II:Cocos2d-X 24
![Page 25: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/25.jpg)
모바일게임과정II:Cocos2d-X 25
![Page 26: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/26.jpg)
모바일게임과정II:Cocos2d-X 26
![Page 27: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/27.jpg)
모바일게임과정II:Cocos2d-X 27
![Page 28: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/28.jpg)
모바일게임과정II:Cocos2d-X 28
![Page 29: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/29.jpg)
모바일게임과정II:Cocos2d-X 29
![Page 30: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/30.jpg)
다음 코드로 수정
모바일게임과정II:Cocos2d-X 30
![Page 31: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/31.jpg)
모바일게임과정II:Cocos2d-X 31
![Page 32: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/32.jpg)
모바일게임과정II:Cocos2d-X 32
![Page 33: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/33.jpg)
캐릭터 배경 끝까지 이동시키기
모바일게임과정II:Cocos2d-X 33
![Page 34: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/34.jpg)
모바일게임과정II:Cocos2d-X 34
![Page 35: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/35.jpg)
모바일게임과정II:Cocos2d-X 35
![Page 36: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/36.jpg)
모바일게임과정II:Cocos2d-X 36
![Page 37: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/37.jpg)
모바일게임과정II:Cocos2d-X 37
![Page 38: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/38.jpg)
모바일게임과정II:Cocos2d-X 38
![Page 39: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/39.jpg)
모바일게임과정II:Cocos2d-X 39
![Page 40: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/40.jpg)
모바일게임과정II:Cocos2d-X 40
![Page 41: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/41.jpg)
모바일게임과정II:Cocos2d-X 41
![Page 42: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/42.jpg)
모바일게임과정II:Cocos2d-X 42
![Page 43: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/43.jpg)
타일맵 사용하기
모바일게임과정II:Cocos2d-X 43
![Page 44: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/44.jpg)
타입맵이란?
타일
일정한 크기와 모양을 가진 그림 조각
타일맵
게임에서 이들 조각을 맞춰서 게임의 배경을 완성하고 이렇게 완성된 배경을 ‘타일맵’이라고 함
배경이 크고 또한 장면이 많을 경우 배경이 되는 비트맵을 모두 메모리에 읽어들여야 한다면 매우 큰 메모리가 필요
타일을 사용해서 반복하게 되면 메모리를 적게 사용하고도 게임 플레이에 필요한 배경을 만들 수 있음
모바일게임과정II:Cocos2d-X 44
![Page 45: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/45.jpg)
Cocos2d-x의 타일맵
TMX 타일맵 맵타입
정사각형(Orthogonal) 맵 마름모형(Isometric) 맵 육각형(Hexa) 맵
타일 임베디드 타일은 지원하지 않음 임베디드 타일세트만 지원(타일세트는 내장, 이미지는 내장 안함) 한 레이어당 하나의 타일세트만 지원
레이어 레이어 수 무제한 각 레이어는 내부적으로 CCTMXLayer(CCSpriteBatchNode의 서브클래스)에 의해 표현
각 타일은 CCSprite(CCTMXLayer의 상위)로 표현
오브젝트 그룹 Tiled는 오브젝트 그룹 지원
모바일게임과정II:Cocos2d-X 45
![Page 46: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/46.jpg)
정사각형(Orthogonal) 맵
마름모형(Isometric) 맵
육각형(Hexa) 맵
모바일게임과정II:Cocos2d-X 46
![Page 47: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/47.jpg)
타일맵 만들기
Tiled
타일맵 에디터
www.mapeditor.org
정사각형 맵, 마름모형 맵만 지원 (육각형 맵 미지원)
모바일게임과정II:Cocos2d-X 47
![Page 48: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/48.jpg)
실행화면
모바일게임과정II:Cocos2d-X 48
![Page 49: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/49.jpg)
새 맵 만들기 (File -> New)
모바일게임과정II:Cocos2d-X 49
![Page 50: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/50.jpg)
새 타일세트 (Map -> New Tileset)
모바일게임과정II:Cocos2d-X 50
![Page 51: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/51.jpg)
모바일게임과정II:Cocos2d-X 51
![Page 52: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/52.jpg)
모바일게임과정II:Cocos2d-X 52
![Page 53: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/53.jpg)
맵 그리기 기능 버튼
Undo
Redo
Execute Command
Random Mode
Stamp Brush
Bucket Fill Tool
Eraser
Rectangular Select
모바일게임과정II:Cocos2d-X 53
![Page 54: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/54.jpg)
모바일게임과정II:Cocos2d-X 54
![Page 55: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/55.jpg)
저장 (File -> Save)
모바일게임과정II:Cocos2d-X 55
![Page 56: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/56.jpg)
타입맵출력하기
모바일게임과정II:Cocos2d-X 56
![Page 57: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/57.jpg)
모바일게임과정II:Cocos2d-X 57
![Page 58: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/58.jpg)
모바일게임과정II:Cocos2d-X 58
![Page 59: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/59.jpg)
모바일게임과정II:Cocos2d-X 59
![Page 60: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/60.jpg)
타일맵 레이어 추가하기
타일드가 지원하는 레이어 종류
타일 레이어(Tile Layer): 배경이 되는 레이어
오브젝트 레이어(Object Layer): 캐릭터나 몬스터 등이 출현하는 장소를 지정하는 레이어
모바일게임과정II:Cocos2d-X 60
![Page 61: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/61.jpg)
레이어 이름 변경: "Background"로 수정
모바일게임과정II:Cocos2d-X 61
![Page 62: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/62.jpg)
레이어 추가 (Layer -> Add Object Layer)
이름: Object
모바일게임과정II:Cocos2d-X 62
![Page 63: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/63.jpg)
오브젝트 관련 툴바 버튼
모바일게임과정II:Cocos2d-X 63
![Page 64: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/64.jpg)
모바일게임과정II:Cocos2d-X 64
![Page 65: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/65.jpg)
Object Properties
이름: “SpawnPoint"
모바일게임과정II:Cocos2d-X 65
![Page 66: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/66.jpg)
모바일게임과정II:Cocos2d-X 66
![Page 67: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/67.jpg)
모바일게임과정II:Cocos2d-X 67
![Page 68: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/68.jpg)
모바일게임과정II:Cocos2d-X 68
![Page 69: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/69.jpg)
모바일게임과정II:Cocos2d-X 69
![Page 70: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/70.jpg)
드래곤 이동 만들기
모바일게임과정II:Cocos2d-X 70
![Page 71: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/71.jpg)
모바일게임과정II:Cocos2d-X 71
![Page 72: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/72.jpg)
모바일게임과정II:Cocos2d-X 72
![Page 73: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/73.jpg)
모바일게임과정II:Cocos2d-X 73
![Page 74: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/74.jpg)
모바일게임과정II:Cocos2d-X 74
![Page 75: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/75.jpg)
모바일게임과정II:Cocos2d-X 75
![Page 76: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/76.jpg)
모바일게임과정II:Cocos2d-X 76
![Page 77: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/77.jpg)
드래곤 이동시 장애물 만들기
새로운 레이어 추가
모바일게임과정II:Cocos2d-X 77
![Page 78: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/78.jpg)
모바일게임과정II:Cocos2d-X 78
![Page 79: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/79.jpg)
새 레이어 추가 (Layer -> Add Tile Layer)
이름: Items
모바일게임과정II:Cocos2d-X 79
![Page 80: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/80.jpg)
모바일게임과정II:Cocos2d-X 80
![Page 81: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/81.jpg)
타일세트
크기: 67x34
투명도: 50%
이름: metaset.png
새 타일세트 추가
이름: Meta
모바일게임과정II:Cocos2d-X 81
![Page 82: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/82.jpg)
모바일게임과정II:Cocos2d-X 82
![Page 83: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/83.jpg)
모바일게임과정II:Cocos2d-X 83
![Page 84: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/84.jpg)
Tile Properties
붉은색 타일-Name: Wall, Value: Yes
초록색 타일-Name: Items, Value: Yes
모바일게임과정II:Cocos2d-X 84
![Page 85: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/85.jpg)
새 레이어 추가
이름: MetaInfo
장애물: 붉은색 타일, 수박: 초록색 타일
모바일게임과정II:Cocos2d-X 85
![Page 86: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/86.jpg)
모바일게임과정II:Cocos2d-X 86
![Page 87: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/87.jpg)
모바일게임과정II:Cocos2d-X 87
![Page 88: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/88.jpg)
모바일게임과정II:Cocos2d-X 88
![Page 89: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/89.jpg)
모바일게임과정II:Cocos2d-X 89
![Page 90: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/90.jpg)
모바일게임과정II:Cocos2d-X 90
![Page 91: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/91.jpg)
모바일게임과정II:Cocos2d-X 91
![Page 92: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/92.jpg)
모바일게임과정II:Cocos2d-X 92
![Page 93: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/93.jpg)
드래곤이 먹을 아이템 만들기
모바일게임과정II:Cocos2d-X 93
![Page 94: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/94.jpg)
모바일게임과정II:Cocos2d-X 94
![Page 95: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/95.jpg)
모바일게임과정II:Cocos2d-X 95
![Page 96: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/96.jpg)
파티클 사용하기
모바일게임과정II:Cocos2d-X 96
![Page 97: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/97.jpg)
파티클 시스템이란?
파티클 시스템
작은 그래픽들이 모인 커다란 집합체
파티클: 작은 그래픽들
이 집합체를 이용하면 표현하기 매우 어려운 효과들은 표현할 수 있음
연기가 퍼지는 장면, 불타는 효과, 안개가 퍼진 모습, 폭탄이 터지는 장면, 미사일이 날아갈 때의 효과, 비 내리는 화면, 눈 내리는 화면 등
동적이고 급변하는 효과를 표현하는데 적합
모바일게임과정II:Cocos2d-X 97
![Page 98: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/98.jpg)
파티클 시스템 사용해 보기
모바일게임과정II:Cocos2d-X 98
![Page 99: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/99.jpg)
모바일게임과정II:Cocos2d-X 99
![Page 100: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/100.jpg)
모바일게임과정II:Cocos2d-X 100
![Page 101: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/101.jpg)
파티클 시스템: 눈, 비 내리기
모바일게임과정II:Cocos2d-X 101
![Page 102: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/102.jpg)
모바일게임과정II:Cocos2d-X 102
![Page 103: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/103.jpg)
모바일게임과정II:Cocos2d-X 103
![Page 104: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/104.jpg)
모바일게임과정II:Cocos2d-X 104
![Page 105: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/105.jpg)
모바일게임과정II:Cocos2d-X 105
![Page 106: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/106.jpg)
파티클 시스템:좀 더 복잡한 파티클 효과
모바일게임과정II:Cocos2d-X 106
![Page 107: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/107.jpg)
모바일게임과정II:Cocos2d-X 107
![Page 108: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/108.jpg)
모바일게임과정II:Cocos2d-X 108
![Page 109: 동국대 앱창작터 4일차:Cocos2d-X 고급기능](https://reader034.vdocuments.site/reader034/viewer/2022050613/5874fc551a28ab29208b4f07/html5/thumbnails/109.jpg)
파티클 디자이너
파티클 디자이너
파티클을 시각적으로 생성하는 프로그램
http://www.71squared.com/en/particledesigner
모바일게임과정II:Cocos2d-X 109