2. OUT LINE
1. Chọn dạng animation nào cho mobile game là tối ưu nhất?
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
5. • game mobile thủ thành chiến thuật 1góc nhìn duy nhất.
• Animation 500Nhân vật
- 4 class vũ khí (Cung, Thương, Quạt, Kiếm)
- Vũ khí phát sáng theo cấp độ
• Nhân vật chuyển động với 3góc độ
12. 3D ANIMATION
NGUYÊN LÍ CƠ BẢN 3D ANIMATION
• Nhân vật có chiều sâu
- Ánh sáng rõ ràng, bóng bẩy, nổi khối
• 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)
22. 2,5D ANIMATION
NGUYÊN LÝ 2,5D ANIMATION
1. Cơ bản là 2D animation
2. Sử dụng các hiệu ứng bóng đổ, chiếu sáng, phản chiếu,
góc nhìn để mô phỏng tạo cảm giác 3D (giả 3D)
3. Animation 2,5D giả lập các góc 3D
(back, front, right, left)
25. 1. Animation bằng Spine animation
2. 1 ngày animation 2 nhân vật / 3góc độ / 3 trạng thái khác nhau
2,5D ANIMATION
ÁP DỤNG VÀO SẢN PHẨM THỰC TẾ
26. ART
1. Vẽ nhiều góc độ
2. Cắt file, đặt tên đúng với qui định đưa ra (hình ảnh chụp
file cut)
ANIMATION
1. Số lượng animation rất lớn
2. Diễn hoạt 1 trạng thái với nhiều góc độ
Mobile game
2,5D ANIMATION
KHÓ KHĂN KHI SỬ DỤNG 2,5D ANIMATION
27. 1. Lên sẵn 1 qui trình làm việc rõ ràng về đặt tên, về qui chuẩn
2. Animation chia rõ các class (eg:kiếm cung thương quạt)
2,5D ANIMATION
GIẢI PHÁP 2,5D ANIMATION
29. • Thể Loại: game mobile thủ thành chiến thuật 1góc nhìn duy nhất.
• Sực Mạnh: Animation 500Nhân vật
- 4 class vũ khí (Cung, Thương, Quạt, Kiếm)
- Vũ khí phát sáng theo cấp độ
• Chiến thuật: Nhân vật chuyển động với 3góc độ
30.
31. WHY 2,5D ANIMATION FOR GAME?
LÝ DO CHÚNG TÔI CHỌN 2,5D ANIMATION
1. Dùng lại animation với số lượng lớn các nhân vật = > Tốc độ nhanh, hiệu
quả cao
1. Tạo cảm giác không gian, giúp cho người chơi thích thú….
2. (Dẫn chứng người nổi tiếng, người thường dân phán ánh về animation của
game)
Chào các bạn, tôi là Joe Trần, hiện tại tôi đang là animator của Vinova, hôm nay đến với OGDC rất vui khi được chia sẻ những kinh nghiệm, những trải nhiệm mà mình thu được trong thời gian làm animation cho game mobile. Tôi cũng xin cảm ơn VNG đã tạo ra 1 hội nghị, 1 saan chơi để anh em studio trong nước và cả nước ngoiaf có thể chia sẻ, học hỏi kinh nghiệm lẫn nhau. Đó quả là 1 điều tuyệt vời.
Đến với OGDC năm nay tôi muốn chia sẻ với các bạn 1 chủ đề : Tại sao nên chọn 2D animation cho game mobile?
Như các bạn đã biết:
Hiện nay xu hướng làm game 2d đang được các nhà làm game mobile hướng tới và đang dần lấy lại được vị thế của mình trước dòng mobile game 3d, và việc lựa chọn animation cho game mobile là điều khiến các nhà làm game vẫn phải đau đầu. (về kĩ thuật, về những giới hạn cho mobile)
Trong khi đó Animation 2D vẫn là 1 lợi thế, 1 hướng đi dễ dàng hơn nhiều giúp các nhà làm game nhỏ và vừa phát triển tốt, đáp ứng được nhu cầu. Nhưng hôm nay, tôi muốn chia sẻ với các bạn cách để cho game 2D độc đáo, đặc biệt hơn nó như một luồng gió mới, giúp cho game 2d ngày một đi lên bởi sự đa dạng và đổi mới và tôi tạm gọi nó là 2,5 D Amination
Bài nói của tôi là một câu chuyện kể về quá trình tìm hiểu và phát triển, những kinh nghiệm thu được, những bài học mà tôi và nhóm làm animation thu được qua 1 game rất lớn mà chúng tôi vừa thực hiện đó chính là Vua Thủ Thành, 1 dạng game thủ thành với hàng trăm nhân vật.
Xin các bạn cho 1 tràng pháo tay để tôi có thể lấy động lực được không ạ ^^
Đây là những ý chính tôi xin chia sẻ ngày hôm nay:
Đó là chọn dạng animation nào cho mobile game mobile là tối ưu nhất? Tại sao lại chọn nó? cách mà chúng tôi tạo ra nó và cuối cùng là thành quả mà chúng tôi đã đạt được. Mới các bạn lắng nghe
1. Animation 2D?
2. Animation 3D?
3. Animation 2,5D?
4. Bảng so sánh giữa animation 2D và 3D
5. Lựa chọn Animation 2d cho game là tối ưu nhất?
6. Các điểm đặc biệt khi đưa animation 2D vào game
7. Hướng dẫn cơ bản animation 2D bằng spine
Vào 1 ngày đẹp trời thì sếp bỗng ra lệnh tụ họp anh em trong công ty lại, và đua ra quyết định
Ta cần 1 game thật Ngon! Các ngươi phải hoàn thiện thật nhanh cho ta. Chúng tôi thực sự không hiểu Cái game Ngon này nó như thế nào.
không biết phải bắt đầu từ đâu, và quyết định phải hiểu được nó đã.
Sau đó chúng tôi quyết định tìm hiểu rõ về cái game Ngon này xem nó như thế nào.
Game ngon là:
Thứ nhất Game Ngon là 1 Thể Loại game mobile thủ thành chiến thuật, với 1 góc nhìn duy nhất.
Thứ 2 nó Sực Mạnh Có thể phân thân ra 500 con tiểu yêu khác nhau, rất đông và hung hãn.
Thứ 3 nó sử dụng Chiến thuật chuyển động với nhiều góc độ khác nhau trên mọi địa hình.
Quả thực 1 ca khó nhằn…
Sau khi nắm được những đặc điểm về đề bài rồi
Chúng tôi quyết định dùng thứ vũ khí bá đạo mà chúng tôi đang có đó chính là 2D Animaiton và 3D animation
2d không được, 3d cũng không, không biết là còn cách nào có thể tiêu diệt được Yêu Quái đây?
Trong lúc đang hoang mang không biết phải làm thế nào thì 1 ý tưởng chợt bật lên trong đầu chúng tôi
Và đây chính là thứ vũ khí 2D animation của chúng tôi:
Nhân vật chuyển động với 1 góc ngang và có 4 trạng thái animation đi, nghỉ, đánh và chết, với 4 trạng thái này thì con nhân vật đã thể hiện được đặc điểm và tính cách cần có trong 1 game chiến thuật.
- Và với vũ khí 2d animation chúng tôi cũng đã luyện tay cùng với 1 số game 2d cơ bản va thuần thúy
- Đó chính là Ultimate Arrow và God’s Rare
- Đặc biệt là trong trận chiến với quái vật Ultimate Arrow, 1 ngày chúng tôi animation được 2 nhân vật với 4 trạng thái khác nhau, giúp game sớm hoàn thiện được chỉ tiêu đưa ra và đạt được những thành công lớn. (khi dành giải nhất bets of show ở hội nghị game quốc tế Casual Connect năm 2013 được tổ chức tại Singapore)
- Và chúng tôi đã rất tự tin với vũ khí 2d animation để bước vào trận đánh với con Yêu Quái Vua Thủ Thành.
Đó là 1 ngày chúng tôi có thể diễn hoạt 2 nhân vật với 3 trạng thái chuyển động Đi, Nghỉ và Đánh.
Nắm được Ưu điểm và nhược điểm của việc sử dụng 2d animation:
Về ưu điểm thì 2d animation có được tốc độ diễn hoạt, nhân vật chuyển động đơn giản không cần quá cầu kỳ nhưng cũng có thể tạo ra nhữn trạng thái animation mong muốn (diễn hoạt nv trên 2 trục x,y)
Nhược điểm dẫn đến thất bại là Nhân vật chị hạn chế với 1 góc độ, không xoay được nhiều hướng khác nhau => không đáp ứng được chỉ tiêu đưa ra là nhân vật cần chuyển động với 3 góc độ. Vì vậy mà chúng tôi quyết định ngay là sự 3d animation đang rất là mạnh hiện nay
Chúng tôi bắt đầu lên kế hoạch gặp gỡ và học hỏi kinh nghiệm từ các animator ở 1 số studio làm game mạnh như VNG, VTC, E Mobile xem họ đã làm game như thế nào
Sau khi trao đổi và học hỏi thì chúng tôi đã chọn ra được loại vũ khí mới mang tên 3d animation.
Với 3d animation thì chúng tôi đã chọn ra được 2 đặc điểm chính
-
+ Thứ nhất Đồ họa 3d animation được thiết kế khá kỹ càng và tỷ mỉ, các nhân vật được đánh sáng rõ ràng, bóng bẩy và nổi khổi… + Thứ hai Các đối tượng chuyển động trong một 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)
Rồi chúng tôi nhanh chóng bắt tay vào rèn luyện vũ khí 3d animation.
+ Chúng tôi chọn các loại phần mềm làm 3d hiệu quả nhất có hiện nay như 3ds max và Maya để luyện vũ khí 3d animation.
- Với 3D animation:
Nhân vật của chúng tôi trở lên ấn tượng hơn với đồ họa đẹp lung linh và nv có thể di chuyển với 8 góc độ khác nhau
Như vậy việc tiêu giệt Yêu Quái sẽ dễ dàng hơn nhiều.
Hừng hực khí thế, lần này chúng tôi quyết tâm không để con quái gian ác giết hại dân làng thêm nữa.
Chúng tôi rât tự tin và đã quyết đấu trận thứ 2 với bọn Yêu Quái hung hãn kia.
* Nêu các bước làm và thực hiện từ Art -> Animation->Code cho đến khi gửi code
Những ngày đầu tiên với vũ khí 3d animation chúng tôi chém 1 nhát đi đời 1 con quái, thực sự là 1 bước tiến lớn.
- Nhưng có 1 điều chúng tôi không ngờ tới là vũ khí 3D animation khá nặng, để tung được nhiều đòn liên tiếp cần khá nhiều thời gian, đối với sức lực của chúng tôi bấy giờ k thể chiến đấu lâu được nên đành ngậm ngùi rút lui.
Vũ khí 3d animation rất sắc bén và chất lượng, nhưng nó lại quá nặng với sức của chúng tôi hiện tại,
Sau thất bại lần này chúng tôi thực sự chán nản, tuy nhiên chúng tôi cũng thu lại được 1 số thứ
Em cần nêu thật chi tiết, vì rất nhiều công ty làm 3D animation cho nhân vật, và họ sẽ đặt rat rất nhiều câu hỏi nếu như em không nêu thật chi tiết và logic (nên tham khảo ý kiến anh Tùng, Tiến, Hậu...)
Với vũ khí 3d animation, 1 ngày chúng tôi có thể animation đc 1 nhân vật với 4 trạng thái Đi, Nghỉ, Đánh và Chết. Nhân vật của chúng tôi chuyển động nhìn rất thật , mượt mà, có chiều sâu và thực sự ấn tượng đồ họa đẹp lung linh.
3D animation rất tốt và đạt được các tiêu chí mà chúng tôi đưa ra nhưng mà có 1 vấn đề mà chúng tôi gặp phải đó là
Với vũ khí 3d animation, 1 ngày chúng tôi có thể animation đc 1 nhân vật với 4 trạng thái Đi, Nghỉ, Đánh và Chết. Nhân vật của chúng tôi chuyển động nhìn rất thật , mượt mà, có chiều sâu và thực sự ấn tượng đồ họa đẹp lung linh.
Tuy nhiên thì 3d animation có nhược điểm là khâu tạo hình model nhân vật lại mất khá nhiều thời gian do các chiến binh của chúng tôi lại chuyên sâu về 2d, cần có thêm thời gian tìm hiểu sâu về tạo hình và chất liệu 3d. Tốc độ diễn hoạt nhân vật khá chậm vì cần phải key nhân vật trên 3 hệ trục tọa độ, xoay nhiều góc độ để chỉnh sửa.
Đã thử hết các loại vũ khí mà chúng tôi biết… mà lại sắp đến hạn của nhà vua ban ra mà chúng tôi vẫn chưa tiêu diệt được con Yêu Quái.
* Đẩy thêm các ý, tinh túy hơn ở phần ưu và nhược
- tại sao chúng ta không kết hợp 2 loại vũ khí này với nhau nhỉ như vậy chẳng phải là 1 vũ khí hoàn hảo hay sao?
Vậy là chúng tôi nhanh chóng bắt tay vào nghiên cứu loại vũ khí mới này
Chúng tôi lên kế hoạch phân tích và chọn ra những ưu điểm của 2 loại vũ khí 2D và 3D để chọn ra những điểm tinh túy nhất và kết hợp chúng lại với nhau
- Với 2D animation chúng tôi chọn ra được Ưu điểm tốc độ, linh hoạt, nhẹ nhàng.
- Còn 3D animation lại có sự sắc bén, đa dạng về góc chém. (8 góc khác nhau)
Và chúng tôi đã tu luyện ra được loại vũ khí mới bá đạo này
Vũ khí quả thực bà đạo và hoành tráng, giúp chúng tôi tự tin hơn rất nhiều để có thể bước vào trần chiến thứ Sinh Tử thứ 3 với con Yêu Quái.
Thật bất ngờ và nằm ngoài sức tưởng tượng của chúng tôi
- Vũ khí 2,5d vừa được rút ra liên tỏa ánh hào quang như cảm nhận được sự ác liệt của cuộc chiến này
- Chỉ vừa mới vung kiếm chém nhát đầu tiên thì 2 con tiểu yêu đã bị tiêu diệt 1 cách nhanh chóng.
- Đặc biệt là sự di chuyển linh hoạt của các chiên binh và tốc độ tấn công chớp nhoáng.
Chúng tôi đã dành được những thắng lợi đầu tiên trước con Yêu Quái Vua Thủ Thành.
Chắc hẳn các bạn rất muốn biết cách mà chúng tôi chế tạo ra loại vũ khí 2,5D animation này
, sau đây tôi xin chia sẻ với các bạn quá trình tu luyện ra vũ khí 2,5D của chúng tôi.
Mình xin chia sẻ 1 chút về 2,5d animation.
Nếu 2D và 3D dễ định nghĩa và xác định thì 2.5D là một khái niệm khá trừu tượng
Về cơ bản thì 2,5 chính là 2d animation phát triển thêm bằng cách sử dụng các hiệu ứng của 3d như bóng đổ, chiếu sáng, phản chiếu và góc nhìn để tạo cảm giác 3d.
Đầu tiên chúng ta có thể tạo ra 1 không gian hoàn toàn bằng 3d hoặc giả lập 3d bằng nhiều cách,
vd: 1. đưa các đối tượng đồ vật 3d vào trong 1 nền background 2d
2. Thiết kễ background 2d 1 góc chéo 45 độ, tạo cảm giác bóng đổ và chiều sâu cho các đối tượng trên background
3. Thiết kế nhân vật nhiều góc độ khác nhau vd như (4 góc cơ bản nhất đó là back, front, right và left) để diễn hoạt được nhiều góc độ giống như 3d animation nhằm tạo chiều sâu cho nhân vật
Chúng tôi cũng đã tìm hiểu qua 1 số game sử dụng 2,5d animation
Nhìn chung có 3 thể loại game 2,5D đặc trưng nhất đó là game sử dụng :
1. Đảo Hải Tặc sử dụng Nhân vật 2d và background 3d (một số game như Đảo hải Tặc...) 2. Võ Lam Truyền Kỳ, 1 game thuộc thể loại Cày kéo và auto, nhân vật không có quá nhiều animation mà chỉ tập trung làm hiệu ứng effect các skill của nhân vật.
3. Kingdom Rush một game chiến thuật Tower defense, với khá nhiều nhân vật và, nhân vật không có nhiều trạng thái animation nhưng chuyển động lại rất funny.
Và chúng tôi đã đưa 2,5d animation vào sản phẩm đầu tiên
chúng tôi tạm gọi nó là 2,5D animation
- Với 2,5d animation nhân vật được luyện tập ở 3 góc độ Front, Back và Right
- Với phương pháp luyện tập mới mẻ và đầy sáng tạo này, những chiến binh của chúng tôi sẽ mạnh mẽ và linh hoạt hơn nhiều.
- Mặc dù các chiến binh di chuyển trên cả 3 góc độ khác nhau nhưng vẫn có được những trạng thái chuyển động và sức chiến đấu giống nhau (tạo hiệu quả giống 3d animation) Và bằng tất cả sự tự tin của mình, chúng tôi quyết đánh trận thứ 3 quyết sinh tử với con Yêu Quái Vua Thủ Thành này.
Đây là 3 nhân vật đầu tiên mà chúng tôi tạo ra.
Chúng tôi đã sử dụng phần mềm Spine để làm animation, đây là một phần mềm đang rất nổi tiếng về diễn hoạt 2d animation cho game.
Với 1 con nhân vật thì chúng tôi mất nửa ngày để hoàn thiện và một ngày chúng tôi có thể diễn hoạt 2 nhân vật một cách hoàn hảo với mỗi nhân vật có 3 góc độ và 3 trạng thái (Đi, Nghỉ, Đánh)
Nhân vật chuyển động linh hoạt và mượt mà trên 3 góc độ nhưng có cùng những trạng thái animation giống nhau có thể dùng đi dùng lại nhiều lần.
Trong quá trình rèn ra vũ khí 2,5D animation thì cũng có những khó khăn mà chúng tôi cũng đã gặp phải.
Về art
Cần vẽ nhân vật với 3 góc độ , tỷ lệ hình ảnh các góc phải tương đồng nhau.
Khi cắt file ảnh cần đặt tên từng ảnh đúng với qui định đưa ra (hình ảnh chụp file cut) vì nếu đặt sai tên sẽ gặp lỗi khi xuất file Về Animation
Cần diễn hoạt số lượng animation rất lớn mà số lượng nhân lực lại có hạn
Diễn hoạt 1 trạng thái với 3 góc độ, các trạng thái animation phải giống nhau.
Chúng tôi đã chọn cho mình những giải pháp hợp lí và loại bỏ những khó khăn để đi đến thành công, chinh phục được những con quái to.
Chúng tôi đã tạo sẵn ra 1 quy trình từ Art đến animation như sau: Tất cả các nhân vật sẽ được vẽ góc Front trước sau đó sẽ chỉnh sửa và biến đổi thành 2 góc còn lại, (ở đây chúng tôi lựa chọn ra 3 góc độ cơ bản nhất đo là Front, Back và Right, còn góc Left sẽ được lật sang từ góc Right)Tất cả các file ảnh của nhân vật đều có chung 1 kiểu đặt tên, theo thứ tự ưu tiên từ trên xuống dưới, từ trái sang phải, từ layer trong đến layer ngoài. Rồi chuyển qua phần mềm Spine và bắt đầu tạo xương và diễn hoạt các trạng thái cho nhân vật phân chia rõ các kiểu đánh của từng class, để thuận tiện cho việc sử dụng lại animation cho những con có những điểm tương đồng như dáng người, giáp và vũ khí…
- Đây là toàn bộ quá trình rèn luyện vũ khí 2,5D animation từ khâu thiết kế nhân vật cho tớii khi xuất ra file Json.
Với 2,5D animation thì chúng tôi đã đạt được những thành quả cùng với game Vua Thủ Thành.
Chèo đèo vượt suối, ngày đêm theo dõi:
Và sau những ngày, đêm tìm hiểu và nghiên cứu thì chúng tôi đã tìm ra được những đặc điểm chính của con quái vật chúng tôi tạm gọi nó là Vua thủ Thành bởi trên lưng nó có khắc 1 3 chữ rất lớn Vua Thủ Thành
Đặc điểm quái vật:
Thứ nhất Vua Thủ Thành là 1 Thể Loại game mobile thủ thành chiến thuật, với 1 góc nhìn duy nhất.
Thứ 2 nó Sực Mạnh Có thể phân thân ra 500 con tiểu yêu khác nhau, rất đông và hung hãn.
Thứ 3 nó sử dụng Chiến thuật chuyển động với nhiều góc độ khác nhau trên mọi địa hình.
Quả thực đây là một con yêu quái vừa to vừa béo, đã thế lại còn nhanh nữa :D
Sau khi nắm được những đặc điểm về con yêu quái
Chúng tôi quyết định dùng thứ vũ khí bá đạo mà chúng tôi đang có đó chính là 2D Animaiton Mình xin chia sẻ 1 chút về vũ khí 2d animation
Và lý do mà chúng tôi lựa chọn 2,5D animation cho game của chúng tôi.
Vì nó đáp ứng được những yếu tố quan trọng mà game cần
1. Tốc độ nhanh, hiệu quả cao khi dùng lại được animation với số lượng lớn các nhân vật.
2.Animation 3 góc độ nhưng có chung những trạng thái animation giống nhau tạo cảm giác nhân vật chuyển động trên cả 3 hướng như vũ khí 3D.
3. Game của chúng tôi cũng đã được người chơi và những người có kinh nghiệm làm game cho nhận xét khá tốt về animation mượt mà, sinh động
1. Điều khiển đơn giản, không đòi hỏi nhiều kĩ năng
2. Tập trung nhiều hơn vào gameplay thay vì chỉ trau chuốt đồ họa
3. Cốt truyện đơn giản dễ nắm bắt
4. Số lượng màn chơi đa dạng
Chúng tôi đã đưa ra các tiêu chí và làm 1 bảng kết quả thu được của 3 loại vũ khí thì thấy vũ khí 2,5d hầu như hội tụ đủ những tiêu chí và yếu tố cần thiết để chúng tôi cần có để có thể tiêu diệt được con Quái.
2,5D animation đã đáp ứng được độ hiệu quả và phù hợp để có thể tiêu diệt được con Quái gớm ghiếc này.
1. Game đầu tiên đưa ra thị trường được rất nhiều người ưa thích ( đạt mốc 50.000 user/3 tuần)
2. Tốc độ làm nhanh hiệu quả chính là thành công
3. Trong vòng 3 tháng chúng tôi đã animation đc 200 nhân vật khác nhau
Thành quả đạt được từ là trong thời gian ngắn đã dẹp loạn được 2 quái vật khủng mang tên Ultima Arrow và Vua Thủ Thành.
Mỗi quái vật đều được tiêu diệt nhanh gọn, dân chúng có 1 cuộc sống bình an và hành phúc
Nhà vua đã rất vui mừng nên đã ra lệch chế tạo và sử dụng vũ khí 2,5D này trên toàn đất nước và ngài đã ban thưởng cho dân làng chúng tôi rất nhiều vàng bạc, châu báu ^^
