Thứ Bảy, 19 tháng 9, 2015

Bài 2 - Cài đặt cocos2dx

Trong giới hạn bài blog này, mình sẽ hướng dẫn mọi người cài đặt cocos2d-x version 3.8.1 trên môi trường MAC, ngôn ngữ C++ và sử dụng IDE là Xcode.

+ Chuẩn bị nguyên liệu:

– Đầu tiên bạn cần tải bản cocos2d-x v3.8.1 từ trang http://www.cocos2d-x.org/download
– Cài Xcode từ appstore.
– Cài python từ https://www.python.org/downloads/. Mac đã cài sẵn python nhưng là phiên bản cũ hơn, nếu muốn mọi người có thể sử dụng phiên bản này cũng được.
– Tải ant từ http://ant.apache.org/bindownload.cgi. MAC cũng cài sẵn ant nhưng là phiên bản cũ hơn, nếu muốn mọi người vẫn có thể sử dụng.
– Cài đặt môi trường lập trình android (JDK, IDE, SDK, NDK) nếu mọi người muốn build game cho phiên bản android.
– Sau khi tải các công cụ cần thiết mọi người giải nén và đưa vào thư mục sao cho thuận tiện làm việc với mình nhất.

+ Tiến hành cấu hình cho cocos2d-x:

– Bây giờ mở terminal lên và chuyển vào thư mục cocos2d-x đã giải nén ở trên.
– Chạy lệnh:


– Trong khi chạy terminal sẽ hỏi mọi người các thư mục của Ant, Android SDK và NDK để cấu hình. Mọi người chỉ cần paste vào đó đường dẫn tương ứng. (Phần này khiến nhiều người cảm thấy bỡ ngỡ, hoặc loạn vì có quá nhiều thứ phải cài đặt, nên mình xin phép đưa xuống dưới cùng). Vì vậy, bạn cứ tạm thời bỏ qua bước này nếu được hỏi bằng cách bấm phím Enter để skip.
– Sau khi config xong hãy khởi động lại các biến môi trường đã cài đặt:


(Thông thường các biến môi trường được lưu trong file ~/.bash_profile, có thể là ~/.bash_login hoặc ~/.profile tùy thuộc môi trường máy tính của mọi người)

+ Tạo project mới:

– Mở terminal và chạy:


Trong đó:
MyGame: tên của project
com.MyCompany.MyGame: tên package của project
cpp: ngôn ngữ được chọn là C++
~/MyCompany: thư mục lưu trữ của project.
– Như vậy đã tạo xong project. Mọi người vào thư mục lưu trữ của project, vào thư mục proj.ios_mac và mở file MyGame.xcodeproj.
– Xcode sẽ mở project lên và bây giờ mọi người có thể phát triển game của mình rồi.
Trên đây là các bước cài đặt cocos2d-x cơ bản. Mọi người hãy cùng nhau thảo luận thêm nữa về lập trình game nhé.

P/S: Thêm về việc cài tools cho Android:
1 - Download
(Lưu ý: sau khi down SDK, bạn sẽ chạy cài đặt SDK vào máy. Hệ thống sẽ yêu cầu cài Java for OS, bạn hãy thực hiện điều này theo chỉ dẫn của hệ thống là ok)

2 - Config
Bạn đã cài được cocos2dx rồi. Bây giờ chỉ là config thêm nên chúng ta sẽ làm như sau:
- Mở Terminal, chạy dòng lệnh sau để xem được các file ẩn trên MacOS
 default write com.apple.finder AppleShowAllFiles TRUE 
(TRUE: hiện files, FALSE: ẩn files)
- Vào thư mục /Users/[tên account đang dùng]/, ta thấy file .bash_profile, hãy mở nó bằng textEditor và add thêm 3 dòng được đánh dấu (*) như sau:

# Add environment variable COCOS_CONSOLE_ROOT for cocos2d-x
export COCOS_CONSOLE_ROOT=/Users/~path của bạn/cocos2d-x-3.8.1/tools/cocos2d-console/bin
export PATH=$COCOS_CONSOLE_ROOT:$PATH
(*) export NDK_ROOT=/Users/path đến ndk/android-ndk-r9d
(*) export ANDROID_SDK_ROOT=/Users/[tên account đang dùng]/Library/Android/sdk
(*) export ANT_ROOT=/Users/path đến ant/apache-ant-1.9.3/bin

# Add environment variable COCOS_TEMPLATES_ROOT for cocos2d-x

- Sau đó chạy lại:
Lần đầu chạy bạn có nhớ là bị hỏi gì không, còn bây giờ không bị hỏi nữa đâu mà thay bằng những thông báo "...is found..."

Xong rồi đấy, ta đã config xong môi trường cho việc lập trình Cocos cả cho iOS và Android.

Xem clip hướng dẫn luôn cho trực quan:


Bài 1 - Sơ lược về cocos2d-x

Sau thời gian ngắn nghiên cứu 1 số Game Engine hỗ trợ lập trình game và đa nền tảng như Cocos2dx, Unity3D, Libgb... thì mình quyết định chọn cocos2dx. Thực ra  dùng gì cũng được thôi, vì mỗi cái lại có ưu điểm riêng. Có nhiều web, blog đã so sánh và phân biệt cái này, chỉ cần chịu khó search 1 chút là ra. (Mục đích của mình khi viết blog này chủ yếu là sưu tầm học hỏi tổng hợp kiến thức từ những người đi trước để phục vụ việc học của bản thân cũng như giúp đỡ các bạn newbie.
– Cocos2Dx là một Engine hỗ trợ lập trình Game đa nền tảng: Mobile (iOS, Android, Winphone, Blackberry...), Window, MacOS, HTML5, … Điều này rất tốt bởi nó giảm thiểu thời gian và công sức cho việc tạo app trên các nền tảng khác nhau.
– Hình như có nguồn gốc từ Trung Quốc hoặc Hàn Quốc, chưa có thông tin chính xác. Nhưng không sao, có tài liệu tiếng anh nên vẫn có thể mần dần dần.
– Ngôn ngữ để Code: Cocos2Dx hỗ trợ chủ yếu 3 ngôn ngữ: C++, Lua, Javascript.
– Web chính thức: http://www.cocos2d-x.org/
– Hỗ trợ Window, Mac OS IDE.( môi trường lập trình). (trước mắt tôi mới biết có vậy :D)
– Có 1 bộ CocosStudio đi kèm để hỗ trợ cho việc thiết kế giao diện, hiệu ứng chuyển động… http://www.cocos2d-x.org/
Vì mình dùng Macbook nên mình sẽ ngâm cứu chủ yếu dựa trên kinh nghiệm với Macbook, đặc biệt là cài đặt :D sorry nếu bạn dùng Windows. Mình sẽ sưu tầm tài liệu dành cho Win nếu có điều kiện (thực tế trừ 1 vài điểm khác trong cài đặt, và Mac dùng để code iOS thì cũng không có nhiều khác biệt lắm đâu).
Ở bài 2, cũng như nhiều anh em trên cộng đồng mạng, mình cũng chia sẻ về cách cài đặt để dùng được cocos2dx (chú ý: trên Macbook là chính nhé).