Lập trình iOS: Bài 1 – Bắt đầu với Lập trình iPhone

Ngày nay với việc công nghệ Mobile đang phát triển ngày càng mạnh mẽ, việc học lập trình ứng dụng trên di động có lẽ trở nên dễ dàng hơn bao giờ hết với các công nghệ Mobile như iOS, Android, Window Phone,… Tuy nói là vậy, nhưng việc bắt đầu một thứ mới bao giờ cũng có một số các khó khăn nhất định, nhất là đối với việc học lập trình cho các bạn lập trình viên mới cũng như các bạn sinh viên. Do vậy, hôm nay mình quyết định viết một loạt bài viết cơ bản về Lập trình iOS nhằm mục đích giúp các bạn mới có được cái nhìn ban đầu về Lập trình iOS, rồi từ đó có thể tự mình nâng cao khả năng hơn.

[My Games] Game Kolor Shot

Mấy hôm nay rãnh rỗi nên quyết định làm 1 game dựa theo ý tưởng Impossible Rush.

Game mình làm là Kolor Shot.

Game được xây dựng bằng Cocos2-dx và Cocostudio trong 2 ngày, game được build trên 2 nền tảng là iPhone và Android.

Link tải game:
. Google Play: https://play.google.com/store/apps/details?id=studio.kensai.KolorShot
. App Store: https://itunes.apple.com/us/app/kolor-shot/id976055131?ls=1&mt=8

Cocos2d-x: Tích hợp quảng cáo Admob vào Game (Phần 2)

Hôm nay chúng ta tiếp tục chủ đề Tích hợp quảng cáo Admob vào Game.
Ở phần này chúng ta sẽ tìm hiểu tích hợp trên nền tảng Android, sử dụng môi trường phát triển Eclipse.
Chúng ta cũng sẽ lại đi qua các bước như sau:

1. Tạo thông tin game trong tài khoản Admob của mình

    Tạo các ID cho Banner và Interstital mong muốn

2. Tải về Google Play Service

3. Viết code để hiển thị quảng cáo, điều khiển ẩn hiện quảng cáo theo ý muốn.

Cocos2d-x: Tích hợp quảng cáo Admob vào Game (Phần 1)

Hôm nay chúng ta sẽ cùng tìm hiểu về chủ đề "Tích hợp quảng cáo Admob vào Game".

Ngày nay, đại đa số các bạn làm game đều chủ yếu là phát triển các game Free, sau đó gắn quảng cáo dưới dạng Banner hoặc là Interstitial (Full screen).

Vì quảng cáo Admob của Google không có thư viện riêng cho C++ nói chung hay Cocos2d-x nói riêng, nên chúng ta sẽ tiếp cận việc tích hợp này theo hướng Native Code, tức là tích hợp theo từng nền tảng.

Do đó bài viết này sẽ có 2 phần:

- Phần 1: tích hợp Admob trên nền tảng iOS

- Phần 2: tích hợp Admob trên nền tảng Android.

Giả sử đến giai đoạn này chúng ta đã xây dựng xong được một game theo ý của mình, và chúng ta muốn tích hợp quảng cáo vào game. Chúng ta sẽ đi qua các bước như sau:

1. Tạo thông tin game trong tài khoản Admob của mình

    Tạo các ID cho Banner và Interstital mong muốn

2. Tải bản SDK phù hợp (iOS, Android), tích hợp vào dự án

3. Viết code để hiển thị quảng cáo, điều khiển ẩn hiện quảng cáo theo ý muốn.

iOS: Làm thể nào để sử dụng được iOS 7 SDK sau khi nâng cấp Xcode 6

Như chúng ta đã biết, thường thì sau khi nâng cấp Xcode lên phiên bản mới, Apple chỉ cho phép chúng ta build ứng dụng với SDK mới nhất, ví dụ với Xcode 6.x thì chúng ta chỉ có thể làm việc trên SDK 8.x

Cocos2d-x: Request HTTP và parse JSON

Ở phần này chúng ta tìm hiểu việc sử dụng HttpRequest để kết nối đến máy chủ, nhận về chuỗi dữ liệu định dạng JSON sau đó phân tích chuỗi JSON đó.

Ta lấy ví dụ trong game Smart Memory, ở màn hình HighScore, game sẽ kết nối máy chủ để lấy về danh sách 20 người chơi có điểm cao nhất.

Cocos2d-x: Phát triển game Smart Memory (Phần 2)

Xây dựng giao diện với Cocostudio

Ta sử dụng Cocostudio để xây dựng các Scene giao diện cho game

Cocos2d-x: Phát triển game Smart Memory (Phần 1)

Phần này chúng ta tiếp tục với một game dạng ghi nhớ, với tên Smart Memory.

Game sẽ đưa ra một ảnh con vật, sau khi người chơi ok sẽ hiển thị con khác và người chơi sẽ chọn xem con vật xuất hiện sau có giống với con vật trước đó hay không.

Game sẽ có 3 mode chơi:
. Basic: so sánh về hình dạng
. Color: so sánh về màu sắc
. Crazy: so sánh hình dạng lẫn màu sắc

Link tham khảo game bản iOS ở AppStore

Link tham khảo game bản Android ở GP

Coso2d-x: Thêm một sô lỗi khi build Cocos2d-x 3.3 trên Android (Eclipse)

1. Lỗi Android SDK Content Loader luôn 0% và treo IDE

Khi mới mở Eclipse và load lại các dự án cũ, chúng ta thường hay gặp lỗi này "Android SDK Content Loader 0%" và đứng mãi như vậy.

Đây có lẽ chỉ là lỗi của Eclipse chứ không liên quan đến Cocos2d-x.

Với lỗi này thì đa số các bài hướng dẫn là open lại Eclipse với tham số clean

/Volumes/DATA/DevTools/AndroidDev/adt/eclipse/Eclipse.app/Contents/MacOS/eclipse -clean -refresh

Nếu vẫn không giải quyết được thì chúng ta xóa file:

/Volumes/DATA/Projects/workspace/.metadata/.plugins/org.eclipse.e4.workbench/workbench.xmi

Sau đó khởi động lại Eclipse.

2. Lỗi "Unable to execute dex: Multiple dex files define Lorg/cocos2dx/lib/Cocos2dxAccelerometer"

Lỗi này xuất hiện khi mình thực hiện build với Cocos2d-x 3.3

Lỗi này là do thư viện engine game Cocos2d-x bị duplicate trong các khai báo của project.

Khắc phục lỗi này như sau

Chọn Project\Properties

Chọn Java Build Path\Libraries

Chọn tiếp Android Dependencies, chúng ta thấy libcocos2dx.jar ở đây, và đây là lý do gây ra tình trạng duplicate khi mà chúng ta đã add project thư viện cocos2dx ở mục Android build.

Sau khi chọn Android Dependencies, click Remove, thao tác này sẽ remove gói cocos2dx để tránh tình trạng duplicate, tuy nhiên một mặc nó cũng xóa đi các thư viện khác, như trong hình là facebook và google-play-service, chúng ta phải add lại 2 gói jar của 2 thư viện này.

Sau đó chỉ cần Bulid lại và Run là hết thấy lỗi.

iOS: Auto Layout trong lập trình iOS

Hôm nay chúng ta tìm hiểu qua một chút về Auto Layout trong lập trình iOS.

Đến thời điểm hiện tại, sau khi iPhone 5, 5s và rồi iPhone 6, iPhone 6+ xuất xưởng, vấn đề làm thế nào để ứng dụng iOS có thể hỗ trợ tốt tất cả các kích thước màn hình trở thành là điều tất yếu không thể bỏ qua.

Thật ra, một thời gian dài trước đó, bằng cách viết code, mình vẫn có thể xử lý tốt việc này, một phần là mình muốn tận dụng ứng dụng trên các phiên bản iOS cũ từ 5.x trở về trước. Tuy nhiên trong thời điểm này, cùng với việc bắt đầu có nhiều kích thước màn hình, iOS 8 ra đời là động lực để mình có thể chia tay iOS 5.x. Và vậy thì tại sao chúng ta không tận dụng tính năng Auto Layout rất hay của Apple bắt đầu từ phiên bản iOS 6.0.