Thứ Hai, 27 tháng 8, 2012

Thêm icon cho game

Tôi sẽ vào đề luôn không lằng nhằng gì thêm. Bạn có nhớ, khi tạo một MIDlet trong Netbean hay Java ME SDK các bạn sẽ thấy như hình dưới?

Name and Location Screen

Ô thứ 3 từ trên xuống chính là ô dành cho icon. Trước đó bạn nhớ add resource cho project của bạn bằng cách chuột phải vào Resource chọn Add Folder.

...sau đó chỉ đến folder chứa ảnh resource của bạn.

Một cách nữa, khi bạn lỡ tạo MIDlet xong rồi sẽ không làm được như trên. Bạn hãy làm như hình sau, chọn File -> "Tên project" Properties:
Project Properties via File Menu

Hoặc chuột phải vào project chon Properties cũng được.


Project Properties via Projects Panel Context Menu

Trước khi bạn bắt đầu thêm icon cho game, hãy nhìn bảng dưới đây. Đó là kích thước icon riêng cho từng dòng máy. Nên dùng ảnh định dạng PNG 8bit transparent ( trong suốt ).
Phone/
Model
Resolution
128x128128x160176x208208x176208x208240x320320x240352x416416x352
BlackBerry45x45
Motorola15x15
16x16
32x32
Nokia S4016x1618x18
24x24
29x29
n/an/a46x4646x48
42x29
n/an/an/a
Nokia S60
1st/2nd Edition
n/an/a42x29
29x29
n/an/an/an/a76x76n/a
Nokia S60
3rd Edition
n/an/a31x31
42x29
37x3737x3753x53
55x55
64x64
52x52
54x54
64x6476x76
84x58
Sagem18x18
Samsung16x16
29x29
32x32
Sanyo24x24
Sharp27x27
Siemens18x18
Sony Ericsson16x16
32x32


Sau đây là một số tool các bạn có thể dùng để vẽ icon PNG
Sau đây là một số screenshot mà Devlin chụp khi vẽ icon bằng phần mềm Fireworks

Đây là khi anh ta vẽ nền trong suốt ( transparent )

Settings for Icon with Alpha Transparency

...còn đây, không trong suốt
Settings for Icon with No Transparency

Đây là một icon có nền transparent với kích thước 42x29 pixel anh ta vẽ sẵn, các bạn có thể dùng thử cho bài học này. Nếu bạn vẽ đẹp, hãy thử xem ^^
game icon
42x29 pixels

Hãy quay lại bài học, mở Project Properties lên, chọn MIDlet trong menu bên trái. Bấm chọn midMain và bấm Edit. Một cửa sổ mới hiện ra, trong phần MIDlet Icon bạn có thể chọn  icon cho game của mình. Sau đó thì OK.
Edit MIDlet Dialog with Icons List

Giờ bạn chạy thử game trên IDE hoặc cài game vào điện thoại, sẽ thấy kết quả tương tự như sau

View of MIDlet with the Icon on the Emulator


Chúc các bạn thành công !!

Không có nhận xét nào:

Đăng nhận xét