4.[d2 오픈세미나]LINE Rangers 게임 클라이언트/서버 아키텍쳐

1. LINE

2. Rangers

3. Client

4. /

5. Server

6.
작성자:

7. 신승용,

8. 주수현

9.
소속팀

10. /상위부서:

11. 라인플러스

12. 게임개발2실

14.
ⓒ 2014

15. LINE

16. CORPORATION

17. 목차

18.
1.

19. Cocos2d-x

20. Platform

21.
1.1

23. Cocos2d-x

24. 소개

25.
1.2

27. Cocos2d-x로

28. 개발된

29. 게임들

30.
1.3

32. Cocos2d-x로

33. 할

34. 수

35. 있는

36. 것들

37.
1.4

39. Cocos2d-x의

40. 미래

41.
2.

42. LineCocos

43. Module

44.
2.1

46. LineCocos란?

47.
2.2

49. LineCocos에서

50. 제공하는

51. 기능

52.
2.3

54. LineCocos의

55. 활용방안

56.
3.

57. LINE

58. Rangers

59. Client

60. Anatomy

61.
3.1

63. LINE

64. Rangers

65. 게임소개

66.
3.2

68. 유닛

69. (애니메이션)

70.
3.3

72. 지역

73. (메모리

74. 최적화)

75.
3.4

77. 가챠

78. (매출의

79. 중심)

80.
3.5

82. Android?

83.
3.6

85. 협업

86. 십계명

87.
4.

88. LINE

89. Rangers

90. Server

91. Architecture

92.
5.

93. DB

94. Sharding

95.
5.1

97. Rangers

98. DB

99.
5.2

101. 확률기반

102. DB분산

103.
6.

104. Cache

105. Strategy

106.
6.1

108. Main

109. Data

110.
6.2

112. User

113. Data

114.
7.

115. 적용

116. 코드

117.
7.1

119. Shard

120. DB

121. Transaction

122.
7.2

124. Shard

125. DB

126. 선택

128.
7.3

129. Cache된

130. Data

131. 가져오기

133. 1.

134. Cocos2d-x

135. Platform

137. 4

138. /

139. 2014

140. LINE

141.
1.1

143. Cocos2d-x

144. 소개

145.
Wang

146. Zhe

147. (왕철이형)

149.
Cocos2d-x플랫폼

150. 제작자

152.
현

153. cocos2dx.org

154. 운영자

155.
- 전

156. 세계

157. 40만명

158. 이상의

159. 개발자가

160. 사용하고

161. 있는

162. 멀티

163. 플랫폼.

164.
- 중국에서

165. 만들어진

166. 게임중

167. 약

168. 70%

169. 이상이

170. 이

171. 플랫폼을

172. 사용함.

173.
- 기본은

174. C++를

175. 베이스로

176. 제작.

177. Lua

178. API지원.

179.
- 지원가능한

180. OS는

181. iOS,

182. Android,

183. Windows

184. Phone,

185. BlackBerry

186. 등이

187. 있음.

188.
- 하나의

189. 소스를

190. 만들어

191. 놓고

192. 다양한

193. OS에

194. 작동가능한

195. 앱을

196. 배포할수

197. 있도록

198. 설계됨.

199.
- OpenGL

200. ES

201. 1.1/2.0을

202. 채용하여

203. 직접

204. 그래픽작업도

205. 가능.

206.
연예인을

207. 만난

208. 것처럼

209. 들떠

210. 있었던

211. 우리

212.
4대

213. 강점

214.
- 크로스

215. 플랫폼

216.
- 오픈소스

217.
- 가볍고

218. 빠르다

219.
- 쉽고

220. 간단한

221. API

223. 5

224. /

225. 2014

226. LINE

227.
1.2

229. Cocos2d-x로

230. 개발된

231. 게임들

232.
출처

233. :

234. cocos2d-x.org

236. 6

237. /

238. 2014

239. LINE

240.
1.3

242. Cocos2d-x로

243. 할

244. 수

245. 있는

246. 것들

247.
- Transitions

248. between

249. scenes

250.
- Sprites

251. and

252. Sprite

253. Sheets

254.
- Transformation

255. Actions

256. :

257. Move,

258. Rotate,

259. Scale,

260. Fade,

261. Tint

262.
- Composable

263. Actions

264. :

265. Sequence,

266. Spawn,

267. Repeat,

268. Reverse

269.
- Ease

270. Actions

271. :

272. Exp,

273. Sin,

274. Cubic,

275. Elastic

276.
- Misc

277. Actions

278. :

279. CallFunc,

280. OrbitCamera,

281. Follow,

282. Tween

283.
- Basic

284. Menus

285. and

286. buttons

287.
- Particle

288. System

289.
- Skeleton

290. Animations

291.
- Fonts

292.
- Tile

293. Map

294. Support

295. :

296. Orthogonal,

297. Isometric

298. and

299. Hexagonal

300.
- Parallax

301. scrolling

302.
- Render

303. To

304. Texture

305.
- Touch/Accelerometer

306. on

307. mobile

308. devices

309.
- Sound

310. Engine

311. Support

312. :

313. Based

314. on

315. OpenAL

316.
- Integrated

317. Slow

318. motion/Fast

319. forward

320.
- Fast

321. and

322. compressed

323. textures

324. :

325. PVR,

326. ETC1

327.
- Widget

328. Support

329. :

330. ListView,

331. ScrollView,

332. CheckBox,

333. LoadingBar,

334. Slide,

335. TextField

336.
- Integrated

337. Chipmunk2D,

338. BOX2D

339.
- HTTP

340. with

341. SSL

342.
- …⋯

343.
출처

344. :

345. cocos2d-x.org

347. 7

348. /

349. 2014

350. LINE

351.
1.4

352. cocos2d-x의

353. 미래

354.
- 전

355. 세계

356. 모바일

357. 게임의

358. 27%차지

359.
- 다양한

360. 상용툴과

361. 호환

362.
- 지속적인

363. 업데이트

364.
- 개발자

365. 편의를

366. 위한

367. 유용한

368. 도구

369. 제공

371. 2.

372. LineCocos

373. Module

375. 9

376. /

377. 2014

378. LINE

379.
2.1

380. LineCocos란?

381.
- Cocos2d-x를

382. 기반으로

383. 하는

384. 게임을

385. 쉽게

386. 만들도록

387. 도와주는

388. 공통모듈.

389.
- 매번

390. 새로운

391. 프로젝트

392. 진행시

393. 초기셋팅을

394. 다시해야하는

395. 번거로움을

396. 해소.

397.
- 라인계정정보와

398. 친구들과의

399. 소통을

400. 중요시하는

401. 게임일

402. 경우

403. 쉽게

404. 라인연동을

405. 할

406. 수

407. 있도록

408. 함.

409.
- 이미지컨트롤,

410. 공통팝업

411. 등

412. 자주

413. 사용하는

414. 기능들을

415. 템플릿으로

416. 제공.

417.
- 매출과

418. 직결되는

419. 결제모듈도

420. 포함되어

421. 누구나

422. 쉽게

423. 결제시스템

424. 구현에

425. 접근할

426. 수

427. 있음.

428.
- 앱에서

429. 발생하는

430. 각종

431. 에러와

432. 크래쉬

433. 현상들을

434. 수집하여

435. 분석을

436. 용이하게

437. 함.

438.
- 동시접속자수를

439. 파악하여

440. 사용자의

441. 변동추이를

442. 보고

443. 다음

444. 전략을

445. 세울

446. 수

447. 있게함.

449. 10

450. /

451. 2014

452. LINE

453.
2.2

454. LineCocos에서

455. 제공하는

456. 기능

458. 11

459. /

460. 2014

461. LINE

462.
2.3

463. LineCocos의

464. 활용방안

465.
- Cocos2d-x에서

466. 제공하지

467. 않는

468. 기능을

469. 직접

470. 제작하거나

471. 확장함.

472.
- Cocos2d-x도

473. 아직

474. 발전하고

475. 있는

476. 단계라

477. 변화가

478. 많음.

479. 상황에

480. 맞게

481. 대처하는

482. 자세가

483. 필요.

484.
- Cocos2d-x가

485. 오픈소스인

486. 만큼

487. LineCocos에서도

488. 개발자에게

489. 유용한

490. 소스/팁은

491. 공개?

492.
- 급변화하는

493. 모바일

494. 세상에서

495. 좋은

496. 기술들의

497. 공유는

498. 게임을

499. 더

500. 아름답게

501. 한다.

502.
- 라인에서는

503. 블로그를

504. 통하여

505. 지속적으로

506. 게임개발자들을

507. 케어할

508. 계획을

509. 갖고

510. 있다.

512. 3.

513. LINE

514. Rangers

515. Client

516. Anatomy

518. 13

519. /

520. 2014

521. LINE

522.
3.1

523. LINE

524. Rangers

525. 게임소개

526.
http://www.youtube.com/watch?v=ix2TEO_qWrE

528. 14

529. /

530. 2014

531. LINE

532.
3.2

533. 유닛

534. (애니메이션)

535.
- Skeleton

536. Animation

537. 채용

538.
- Cocos2d-x와

539. 호환되는

540. Spine,

541. Adobe

542. DragonBorn이

543. 존재.

544.
- 레인저스에서는

545. SuperAnimNode를

546. 사용.(raymondLu님

547. 제작)

548.
- Cocos

549. Builder라는

550. 툴이

551. 있으나

552. Cocos2d-x에서

553. 공식지원대상에서

554. 제외함.

555.
- 현재는

556. CocosStudio라는

557. 통합툴을

558. 제공.

559. (Windows,

560. MacOS

561. 환경에서

562. 사용가능)

564. 15

565. /

566. 2014

567. LINE

568.
3.2

569. 유닛

570. (애니메이션)

571.
- 화면에

572. 그려지는

573. 유닛이

574. 많아질수록

575. 프레임이

576. 떨어지는

577. 현상이

578. 발생.

579.
- 저사양폰에서는

580. 30마리만

581. 그려도

582. 게임을

583. 할

584. 수

585. 없을정도가

586. 됨.

587.
- 하나의

588. 픽셀에

589. 겹치는

590. 색깔이

591. 많아지면

592. 해당

593. 픽셀에

594. 표현되는

595. 색깔게산을

596. 하는데

597. 있어

598. 많은

599. 비용을

600. 소모.

601.
- 적은

602. 색깔

603. 표현으로

604. 유닛을

605. 구성할

606. 수

607. 있도록

608. 변경.

609. (RGBA8888

610. -

611. RGBA4444)

612.
- 이미지

613. 용량도

614. 줄고,

615. 텍스쳐

616. 메모리

617. 사용량도

618. 감소.

619.
RGBA

620. 4444

621. RGBA

622. 8888

624. 16

625. /

626. 2014

627. LINE

628.
3.2

629. 유닛

630. (애니메이션)

632. 17

633. /

634. 2014

635. LINE

636.
3.2

637. 유닛

638. (애니메이션)

640. 18

641. /

642. 2014

643. LINE

644.
3.3

645. 지역맵

646. (메모리

647. 최적화)

648.
- Cocos에서는

649. PVR,

650. ETC1

651. 포맷으로

652. 압축을

653. 권장.

654.
- 스크롤에

655. 따른

656. 부분

657. 지역로딩.

658.
- 이미지가

659. 앱용량의

660. 대부분을

661. 차지.

662. Png이미지

663. 압축.

664. (TinyPng

665. 툴

666. 이용)

667.
- 안드로이드

668. 지원범위

669. 고려.

670. 초저사양폰.

671.
- 사용자가

672. 보지

673. 않는

674. 부분은

675. 최대한

676. 메모리에

677. 들고

678. 있지

679. 않도록

680. 설계.

681.
- 사용자는

682. 냉정하기

683. 때문에

684. 퍼포먼스가

685. 제대로

686. 나오지

687. 않으면

688. 배신함.

689.
- 클라에서는

690. 퍼포먼스가

691. 생명.

692. 최적화된

693. 코드도

694. 중요하지만

695. 무엇보다

696. 이미지관리를

697. 잘해야함.

699. 19

700. /

701. 2014

702. LINE

703.
3.3

704. 지역맵

705. (메모리

706. 최적화)

708. 20

709. /

710. 2014

711. LINE

712.
3.4.

713. 버튼/터치

714. 처리

716. 21

717. /

718. 2014

719. LINE

720.
3.5

721. Android?

722.
- 안드로이드에서는

723. 지원하는

724. 그래픽카드가

730. 제조사별로

731. 다름.

733.
- 제조사에서

734. 별도로

735. 튜닝이

736. 된

737. 부분이

738. 있어

743. 특정

744. 기능을

745. 지원하지

746. 않는

747. 경우도

748. 있음.

753. (예

754. :

755. STENCIL)

757.
- 되도록

758. 많은

759. 기기에서

760. 돌아가도록

765. GLSurfaceView

766. 튜닝이

767. 필요.

770.
#

771. 오른쪽은

772. 단말에서

773. 특정타이밍에

774. holder를

776.
가져오지

777. 못해서

778. 발생하는

779. 블랙스크린을

780. 해결하기

781.
위해

782. 작성한

783. 코드이다.

786. 22

787. /

788. 2014

789. LINE

790.
3.6

791. 협업

792. 십계명

793.
1. 기획,

794. 디자인,

795. 개발,

796. QA가

797. 서로

798. 분리된

799. 조직이라는

800. 생각을

801. 버리는

802. 것.

803.
2. 서로

804. 경계하지

805. 말고,

806. 좋은

807. 결과물을

808. 만들어

809. 내기

810. 위해

811. 마음을

812. 모으는

813. 것.

814.
3. 열심히

815. 하는

816. 것보다

817. 제대로

818. 하는

819. 것.

820.
4. 실수를

821. 들추기보다

822. 다시

823. 그

824. 실수를

825. 하지

826. 않도록

827. 도우는

828. 것.

829.
5. 칭찬하는

830. 것.

831.
6. 같은

832. 말이라도

833. 상대방을

834. 배려하는

835. 언어를

836. 선택하는

837. 것.

838.
7. 대화하는

839. 자리를

840. 많이

841. 가지는

842. 것.

843.
8. 서로

844. 다른

845. 의견이

846. 있더라도

847. 모든

848. 의견에

849. 대해서

850. 생각해

851. 보는

852. 것.

853.
9. 서로가

854. 최고의

855. 능력을

856. 끌어올릴

857. 수

858. 있도록

859. 경쟁하는

860. 것.

861.
10. 성과가

862. 있으면

863. 함께

864. 나누는

865. 것.

869.
“매출을

870. 생각하기

871. 전에

872. 관계를

873. 개선하라!”

875. 4.

876. LINE

877. Rangers

878. Server

879. Architecture

881. 24

882. /

883. 2014

884. LINE

885.
4.1

887. LINE

888. Rangers

889. Server

890. Architecture

892. 5.

893. DB

894. Sharding

896. 26

897. /

898. 2014

899. LINE

900.
5.1

902. Rangers

903. DB

904.
• DB로는

905. Mysql을

906. 사용하며

907. MMM(http://mysql-mmm.org/

908. )을

909. 이용하고

910. 있음

911.
• 데이터

912. 종류에

913. 따라

914. DB를

915. 나누어서

916. 사용

917.
• Main

918. DB

919.
• 게임의

920. 기본이

921. 되는

922. 데이터(유닛정보,

923. 아이템정보

925. 등..)

926.
• User

927. Sharding

928. 정보

929.
• User

930. Shard

931. DB

932.
• 유저별

933. 데이터를

934. 저장

935.
• History

936. Shard

937. DB

938.
• 유저별

939. 이력

940. 데이터를

941. 저장

943. 27

944. /

945. 2014

946. LINE

947.
5.2

949. 확률기반

950. DB

951. 분산

952.
• 관리툴을

953. 이용하여

954. 신규

955. 유저의

956. 데이터를

957. 어느

958. DB에

959. 배정할

960. 지

961. 확률에

962. 기반하여

963. 사용

964. 중

965.
• 각

966. 확률들은

967. Zookeeper를

968. 이용해

969. 모든

970. 서버들과

971. 동기화

972. 하며

973. 저장하면

974. 즉시

975. 반영됨

977. 6.

978. Cache

979. Strategy

981. 29

982. /

983. 2014

984. LINE

985.
6.1

987. Main

988. Data

989.
• Main

990. Data는

991. 잦은

992. 변경이

993. 있지

994. 않는

995. 데이터

996.
• Local

997. Cache

998. 이용에

999. 유리함

1000.
• Mybatis에서

1001. cache를

1002. 지원함

1003.
• http://mybatis.github.io/mybatis-3/ko/sqlmap-xml.html#cache

1004.
• 데이터

1005. 변경

1006. 시

1007. 모든

1008. 서버간

1009. 동기화를

1010. 위해

1011. Zookeeper를

1012. 이용

1013.
• Mybatis

1014. Plugin을

1015. 이용해

1016. update

1017. 발생

1018. 시

1019. zookeeper에

1020. cache를

1021. cle
ar

1022. 해야한다고

1023. noti를

1024. 함

1025.
• 관리자가

1026. 별도로

1027. Cache를

1028. clear할

1029. 수

1030. 있도록

1031. 기능을

1032. 제공

1034. 30

1035. /

1036. 2014

1037. LINE

1038.
6.2

1040. User

1041. Data

1042.
• User

1043. Data는

1044. 매우

1045. 잦은

1046. 변경이

1047. 있는

1048. 데이터

1049.
• DB를

1050. 사용하는

1051. 것만으로는

1052. 서비스를

1053. 유지할

1054. 수

1055. 없음

1056.
• 공통적으로

1057. 사용하는

1058. Cache가

1059. 필요

1060.
• Arcus

1062. :

1063. http://naver.github.io/arcus/

1064.
• Redis

1065. :

1066. http://redis.io/

1068. 31

1069. /

1070. 2014

1071. LINE

1072.
6.2

1074. User

1075. Data

1077. 7.

1078. 적용

1079. 코드

1081. 33

1082. /

1083. 2014

1084. LINE

1085.
7.1

1087. Shard

1088. DB

1089. Transaction

1091. 34

1092. /

1093. 2014

1094. LINE

1095.
7.1

1097. Shard

1098. DB

1099. Transaction

1101. 35

1102. /

1103. 2014

1104. LINE

1105.
7.2

1107. Shard

1108. DB

1109. 선택

1112. 36

1113. /

1114. 2014

1115. LINE

1116.
7.2

1118. Shard

1119. DB

1120. 선택

1123. 37

1124. /

1125. 2014

1126. LINE

1127.
7.2

1129. Shard

1130. DB

1131. 선택

1134. 38

1135. /

1136. 2014

1137. LINE

1138.
7.3

1139. Cache된

1140. Data

1141. 가져오기

1143. 39

1144. /

1145. 2014

1146. LINE

1147.
7.3

1148. Cache된

1149. Data

1150. 가져오기

1152. 40

1153. /

1154. 2014

1155. LINE

1156.
참고자료

1157.
http://linegamedev.blog.me/

1159. Thank you.