OGDC 2014: Why 2,5D animation for mobile game?

WHY 2,5D ANIMATION FOR MOBILE GAME?

ANIMATOR - VINOVA joe@vinova.vn

JOE TRAN

OUT LINE

1. Chọn dạng animation nào cho mobile game?

2. Tại sao chọn animation 2,5 cho mobile game?

4. Thành quả

3. Hướng dẫn làm animation 2,5d

Ta cần các ngươi tiêu diệt con Yêu Quái này ngay!

Yêu quái sắp đến rồi

làm sao mà giết đượcnó đây?

Tôi sẽ chiến đấu

đến cùng

đầu hàng nó cóăn thịt mình không nhỉ?

vũ khí nào mới

đủ mạnh đây?

1ĐỒ HỌA PHẲNG(Đồ hoạ 2 chiều

không có hoặc có rất ít ứng chiếu sáng,

phản chiếu, đổ bóng.)

2CHUYỂN ĐỘNG

2 CHIỀU

Angry birds Flappy bird

Kingdom Rush Ủn Ỉn

Rayman Jungle Run

Khu vườn trên mây

2d animation của chúng tôi

2D ANIMATION SỬ DỤNG

Tự tin đánh một trận lớn

Ultimate Arrow God’s Rare

2D ANIMATION CHIẾN ĐẤU

Turn 1

Turn 2

2D ANIMATION KẾT QUẢ

• Nhược điểm

- Animation bị giới hạn số frame/1 trạng thái- Nhân vật bị giới hạn góc độ chuyển động

• Ưu điểm

- Nhanh, tốc độ- Animation đơn giản

3D ANIMATION TÌM HIỂU

• Học hỏi kinh nghiệm • Nghiên cứu phần mềm

VNG, VTC studio, 9 Fury studio

3D ANIMATION PHÂN TÍCH

• Nhân vật có chiều sâu - Ánh sáng rõ ràng, bóng bẩy, nổi khối - Bóng đổ di chuyển theo nhân vật

• Chuyển động trong không gian 3 chiều - Nhân vật chuyện động trong không gian 3 chiều(ngang, dọc, sâu) - Di chuyển trên 3 hệ trục tọa độ (x,y,z)

3D ANIMATION THỬ NGHIỆM

Animation 3d 8 góc độ

3D ANIMATION CHIẾN ĐẤU

Turn 1 Turn 2

3D ANIMATION KẾT QUẢ

• Nhược điểm- Tốn thời gian chỉnh nhiều góc độ (x,y,z)- Render image mất nhiều thời gian- Dễ gặp lỗi khi diễn hoạt

• Ưu điểm

- Đồ họa đẹp- Nhân vật chuyển động nhìn thật và có chiều sâu

2d animation

Kết hợp3d animation?

2,5d ??????

Front Back Right

2,5D ANIMATION TU LUYỆN

2,5D ANIMATIONSỨC MẠNH

2,5d

ani

mati

on

WHY 2,5D ANIMATION FOR GAME? NGUYÊN LÝ 2,5D ANIMATION

• Animation 2d trong không gian 3D

1. Tạo không gian 3d cho nhân vật 2D - Tạo background 3d hoặc giả 3d

2. Tạo chiều sâu cho nhân vật 2d. - Thêm bóng đổ cho nhân vật - Vẽ text sáng tối rõ ràng

WHY 2,5D ANIMATION FOR GAME? 2,5D ANIMATION FOR GAME

Nv 2d BG 3d (Đảo Hải Tặc)

Nv 3d BG 2d

Nv 2d BG 2d (Vua Thủ Thành)

WHY 2,5D ANIMATION FOR GAME?KỸ NĂNG

• Kỹ Năng Luyện Được

1. Nhân vật chuyển động MƯỢT MÀ - 5 frame/1 trạng thái/3 góc độ.

2. Tạo cảm giác KHÔNG GIAN 3D - animation 3 góc độ nhưng có chung 3 trạng thái giống nhau (Idle, attack, walk)

3. 1 ngày animation 4 nhân vật

- Làm xương nhanh với việc update đồ họa mới cho bộ xương có sẵn - Sử dụng animation cho nhiều nhân vật khác

WHY 2,5D ANIMATION FOR GAME?ƯU ĐIỂM

• 1 ngày animation 4 nhân vật / 3 trạng thái / 2 góc độ.

• Animation mượt mà, sinh động

• Dễ dàng đưa animation vào game

WHY 2,5D ANIMATION FOR GAME?So Sánh và kết luận

VẤN ĐỀ GẶP PHẢI

• Khó Khăn Đồ Họa: - 1 người/ 2 nhân vật /1 ngày - Vẽ nhân vật 3d góc độ khó Animation: - Làm xương nhân vật mất nhiều thời gian - Bị giới hạn trạng trạng thái attack - Animation giới hạn với 5 frame - Xuất file định dạng ảnh đưa vào game rất nặng

• Giải pháp Đồ Họa: - Thiết kế góc FRONT trước rồi chỉnh sửa thành 2 góc còn lại Sử Dụng Spine:

- Animation 5 FRAME nhưng MƯỢT MÀ, SINH ĐỘNG - Sử dụng lại XƯƠNG cho nhân vật khác - Animation thật hơn với tính năng GRAPH

CÔNG THỨC

JSON1

2

3

4

5

THÀNH QUẢ

Trailer game Vua Thủ Thành