hỆ thỐng thiẾt bỊ di dỘng 3d mobile programming gvhd : ts . trần ngọc minh
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 PresentationTRANSCRIPT
![Page 1: HỆ THỐNG THIẾT BỊ DI DỘNG 3D MOBILE PROGRAMMING GVHD : TS . Trần Ngọc Minh](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/1.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/2.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/4.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/7.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/9.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/10.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/11.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/13.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/14.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/15.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/16.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/17.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/19.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/20.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/21.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/22.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/23.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062218/5681642f550346895dd5fa2e/html5/thumbnails/24.jpg)
24
Cảm ơn thầy và các bạn đã lắng nghe!