HỆ THỐNG THIẾT BỊ DI DỘNG 3D MOBILE PROGRAMMING GVHD : TS . Trần Ngọc Minh

24
HỆ THỐNG THIẾT BỊ DI DỘNG 3D MOBILE PROGRAMMING GVHD : TS . Trần Ngọc Minh Nhóm 9 : Nguyễn Thành Công Nguyễn Thế Lân Trần Hữu Thắng 1

description

HỆ THỐNG THIẾT BỊ DI DỘNG 3D MOBILE PROGRAMMING GVHD : TS . Trần Ngọc Minh. Nhóm 9 : Nguyễn Thành Công Nguyễn Thế Lân Trần Hữu Thắng. Nội dung trình bày. 1. Giới thiệu sơ lược. 2. Unity 3D. 3. Cocos2D -X. 1. Giới thiệu sơ lược. Cartoon Wars v1.0.1 trên Android . - PowerPoint PPT Presentation

Transcript of HỆ THỐNG THIẾT BỊ DI DỘNG 3D MOBILE PROGRAMMING GVHD : TS . Trần Ngọc Minh

Page 1: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

1

HỆ THỐNG THIẾT BỊ DI DỘNG 3D MOBILE

PROGRAMMING GVHD : TS . Trần Ngọc Minh

Nhóm 9 : Nguyễn Thành CôngNguyễn Thế LânTrần Hữu Thắng

Page 2: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

2

Nội dung trình bày 1. Giới thiệu sơ lược

2. Unity 3D

3. Cocos2D-X

Page 3: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

3

Cartoon Wars v1.0.1 trên Android

1. Giới thiệu sơ lược

Page 4: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

4

1. Giới thiệu sơ lược

The Amazing Spider-Man trên iOS

Page 5: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

5

2. Unity 3D

- Engine game đa nền tảng được phát triển bởi Unity Technologies.

- Được phát triển bằng C/C++ - Có khả năng hỗ trợ mã viết

bằng C#, JavaScript hoặc Boo

Page 6: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

6

2. Unity 3DCác thành phần cơ bản :

Giao diện

Project View

Toolbar

Scene view

Game view

Inspector

Page 7: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

7

2. Unity 3D

Trên đây là giao diện sử dụng của Unity với các cửa sổ như Hierarchy view, Scene view, Game view, Project view, Inspector.

Giao diện

Page 8: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

8

2. Unity 3D

Project views là cửa sổ giúp lưu trữ và quản lý tất cả tài nguyên

Project View

Page 9: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

9

2. Unity 3D

- Transform Tools – Sử dụng với Scene View.

- Transform Gizmo Toggles -- affect the Scene View display.

- Play/Pause/Step Buttons – Sử dụng với Game View.

- Layers Drop-down – Điều khiển các đối tượng được hiển thị ở Scene View.

- Layout Drop-down – Điều chỉnh sự sắp xếp của các cửa sổ trong giao diện chính

Toolbar

Page 10: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

10

2. Unity 3D

Sử dụng Scene View để có cái nhìn trực quan khi lựa chọn, sắp xếp vị trí trong không gian game cho các đối tượng Scene View Control Bar.

Scene view

Page 11: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

11

2. Unity 3D

- Game View là nơi Render hình ảnh của Scene View trong khung nhìn của Camera Object được lựa chọn. - Đây cũng chính là nơi Test nếu như được hoàn thiện thì sẽ như thế nào.

Game view

Page 12: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

12

2. Unity 3D

- Games làm từ Unity được ghép nối bởi vô số GameObjects. Mỗi GameObjects có thể chứa bề mặt, code, âm thanh, các hiệu ứng vật lý, đồ họa như ánh sáng.

- Cửa sổ Inspector hiển thị thông tin chi tiết về GameObject được lựa chọn, bao gồm tất cả những thành phần phụ và thuộc tính của chúng.

Inspector

Page 13: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

13

2. Unity 3D- Tuy không phải engine "khủng" nhất, nhưng

xét toàn diện, Unity3D đích thực là một trong những engine game đa nền tảng tốt nhất hiện nay.

- Hiện trên thị trường Việt Nam đã xuất hiện một số trò chơi tích hợp Unity 3D ở cả thể loại webgame và gMO (chạy trên cả Android và iOS).

Page 14: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

14

3. Cocos2D-X• Cocos2Dx là 1 Engine hỗ trợ lập trình Game

đa nền tảng : Mobile ( IOS, ANDROID, Blackberry, TIZEN, WP) Window, MacOS, HTML.

• Mã nguồn mở.• Hỗ trợ Window, Mac OS IDE.( môi trường

lập trình).• Đã phát triển nhiều Game nằm TOP của

Appstore, CHPlay (tìm lại đã). Là 1 Engine khá mạnh

• Ngôn ngữ để Code: Cocos2Dx hỗ trợ chủ yếu 3 ngôn ngữ: C++, Lua, Javascript.

• Phiên bản mới nhất là Cocos2Dx - 3 RC1

Page 15: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

15

3. Cocos2D-X

Các thành phần cơ bản

Giao diện

Node

Director và Cache

Các thành phần khác

Page 16: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

16

3. Cocos2D-XGiao diện

Page 17: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

17

3. Cocos2D-XNode

CCNodeCCScene

CCLayer

CCSprite

CCScene

CCLayer

CCSprite

CCSprite

CCSprite

CCLayer

CCSprite

CCLayer

CCSprite

CCSprite

CCSprite

Page 18: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

18

3. Cocos2D-XNode

- CCSprite : Đối tượng này là đối tượng chứa hình ảnh của bạn, và được thêm vào CCLayer gốc. Đây là lớp quan trọng nhất trong Cocos2d-x.

- CCLayer: Chứa 1 hoặc nhiều CCSprite. Có một số CCLayer đặc biệt được thiêt kế như: CCMenu, CCLayerColor. CCLayer thực hiện nhiệm vụ lắng nghe các sự kiện của người dùng như: chạm, gia tốc… bằng các hàm riêng biệt được cung cấp.

CCLayer

CCSprite

CCSprite

Page 19: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

19

3. Cocos2D-XNode

- CCScene: Chứa 1 hoặc nhiều CCLayer. CCScene được dùng để định nghĩa các màn hình trong game.

- CCNode: Đây là lớp cha của các Node trên. Ngoài ra, với một số điều chỉnh nhỏ, CCNode có thể hoạt động như một CCLayer.

CCNodeCCScene

CCLayerCCSprite

Page 20: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

20

3. Cocos2D-XDirector và Cache

- CCDirector quản lý các Scene và nắm được tất cả các thông tin về ứng dụng của bạn. Từ CCDirector bạn có thể quản lý các thông số như: kích thước màn hình, FPS, tỷ lệ …

- Caches là nơi lưu các đối tượng. Trong Cocos2d-x có các đối tượng Caches chính sau: CCTextureCaches, CCSpriteFrameCaches và CCAnimationCaches

Page 21: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

21

3. Cocos2D-XCác thành phần khác

+ CCAction: Định nghĩa các chuyển động cho hình ảnh như: di chuyển, xoay tròn, …+ CCParticles: Hệ thống Particles+ Các lớp CCNode đặc biệt: Menu, progress bar, các hiệu ứng đặc biệt, hiệu ứng parallax, tiles map, ..+ Macros, structures, phương thức helper: Các cấu trúc, phương thức này sẽ giúp bạn tiết kiệm rất nhiều thời gian. Bạn có thể dễ dàng thực hiện 1 số xử lý chỉ dùng 1 macros hay 1 phương thức Helper có sẵn.

Page 22: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

22

3. Cocos2D-X+ Cocos2d-x là một engine game đa nền tảng

Linux, Max, Windows , Windows 8, Android, iOs, Windows Phone 8,…

+ Cocos2d-x là một engine game mã nguồn mởHoàn toàn miễn phí, luôn luôn được chỉnh sửa

+ Cocos2d-x là một engine game có hiệu suất caoNền tảng đồ họa OpenGL và ngôn ngữ lập trình C++, Javascript, Lua, … Đồ họa : 60FPS

+ Cocos2d-x là một engine game kiểm chứng bởi cộng đồng  Có khoảng 10000 game được phát triển trên nền tảng Cocos2D-XỞ Việt Nam, khá nhiều công ty làm game đã sử dụng Cocos2D-X

Page 23: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

23

3. Cocos2D-X

Game Diamond Dash

Page 24: HỆ THỐNG THIẾT BỊ  DI  DỘNG 3D MOBILE PROGRAMMING GVHD  :  TS  .  Trần Ngọc  Minh

24

Cảm ơn thầy và các bạn đã lắng nghe!