Trò chơi được viết bằng HTML5 có hoạt động trên điện thoại thông minh không?
Câu trả lời:
Tôi vừa chạy thử nghiệm HTML5 :
- IPod Touch của tôi thế hệ thứ 2 với iOS 3.1.3 đạt 125 điểm và 7 điểm trong số 300 điểm trong Safari. Đặc biệt lưu ý khi phát triển trò chơi:
- Điểm đầy đủ trong Canvas! Tuyệt vời để kết xuất trò chơi.
- Hỗ trợ phần tử video với định dạng MPEG-4 và H.264
- Hỗ trợ thành phần âm thanh với các định dạng PCM, MP3 và AAC (tuyệt vời cho bgm và âm thanh!)
- Các kho lưu trữ phiên và cục bộ được hỗ trợ, cũng như Cơ sở dữ liệu Web SQL! (trò chơi lưu tập tin?)
- Cache ứng dụng được hỗ trợ; Tôi giả sử tính năng này sẽ cho phép bạn lưu các tệp dữ liệu trò chơi (hình ảnh và như vậy) để tải nhanh hơn. Âm thanh tuyệt vời với tôi!
- Không hỗ trợ WebGL.
- Không có WebSocket; trò chơi nhiều người chơi sẽ cần sử dụng một cái gì đó khác như bỏ phiếu AJAX.
- My Droid Incredible với Android OS 2.1 (+ Sense UI) đạt 151 điểm và không có điểm thưởng nào trong số 300 trên trình duyệt tích hợp. Một lần nữa, lưu ý đặc biệt:
- Hỗ trợ đầy đủ Canvas
- yếu tố video được hỗ trợ nhưng cả bốn codec đều có X trên chúng. Tôi tự hỏi nó có thể chơi những định dạng nào?
- yếu tố âm thanh, giống như video được hỗ trợ nhưng các định dạng đều có X's.
- Lưu trữ phiên và cục bộ và Cơ sở dữ liệu Web SQL đều được hỗ trợ
- Cache ứng dụng được hỗ trợ
- Không có WebGL hoặc WebSocket
- Nhân viên web được hỗ trợ, không được hỗ trợ trên iPod của tôi; đây có thể là một điều tốt trong phát triển trò chơi cho những thứ hoạt động song song - có lẽ là AI?
- Chỉnh sửa 2011/1/18: My Droid Incredible hiện có Android 2.2 và đạt số điểm 176 trên 300. Tchalvak (trong các bình luận) có cùng số điểm với Droid 2 của mình, vì vậy dường như nó phổ biến cho trình duyệt Android 2.2. Tôi cũng đã thử trình duyệt Opera Mobile có 72 điểm (không có điểm thưởng) khủng khiếp trong số 300, nhưng hỗ trợ đầy đủ canvas!
Vì vậy, như bạn có thể thấy, iPod / iPhone và Android có rất nhiều cổ và dường như hỗ trợ một loạt các tính năng HTML5. Canvas rất tốt cho đồ họa trình duyệt 2D và yếu tố âm thanh có thể sẽ tuyệt vời để phát âm thanh và nhạc nền, và thật tuyệt khi thấy cả hai nền tảng đều hỗ trợ lưu trữ (mặc dù bạn luôn có thể sử dụng cookie, tùy thuộc vào kích thước của một trò chơi tiết kiệm). Vì vậy, tổng thể tôi muốn nói bạn nên đi cho nó. Những con số không phải là tất cả; như wkerslake đã nói "không ai trong số những con số này truyền cảm hứng cho sự tự tin" nhưng nếu bạn xem qua những gì được hỗ trợ, nó dường như là tất cả mọi thứ bạn cần!
Tôi nói đi cho nó! Tôi mong điều may mắn nhất đến với em.
Nhân tiện, bạn có thể muốn xem Vanthia . Đây là một trò chơi trình duyệt sử dụng canvas để vẽ hiệu quả. Tôi đã chơi thử bản beta kín và nó chắc chắn sẽ xuất hiện! Nhà phát triển đã nói rất ít trong hơn nửa năm nay, ngoại trừ việc anh ấy chắc chắn đang phát triển nó nhưng chỉ giữ mọi thứ hơi bí mật.
Bạn cũng có thể lấy một số ý tưởng từ logo tương tác Pacman gần đây của Google . Nó không phải là HTML5 nhưng nó chắc chắn là có chức năng! Điều đó cho thấy rằng bạn thực sự không cần HTML5 để tạo một trò chơi trình duyệt (và tôi nghĩ rằng HTML5 đang bị ném xung quanh như một từ thông dụng quá nhiều, giống như AJAX đã hoặc vẫn còn). Có một dự án github với một phiên bản nguồn đã được khử sạch, được dọn sạch mà bạn có thể xem qua và chơi với.
HTML5 là một chặng đường dài từ việc được hỗ trợ phổ biến ngay cả trong các trình duyệt web trên PC ít điện thoại hơn.
Những con số này được dựa trên html5test
- IE8 trên PC = 27/300
- Chrome 5.0.375.125 trên PC = 197/300
- Safari 4.0.4 trên PC = 207/300
- Safari trên iPhone4 = 185/300
Không ai trong số những người đó truyền cảm hứng cho sự tự tin
Có vẻ hơi muộn nhưng tôi muốn cung cấp bản cập nhật về tình hình cho HTML5 và các trình duyệt di động bây giờ đã hết thời gian. Gần đây, khá nhiều công cụ trò chơi đã được phát triển sẽ tạo ra các trò chơi tương thích HTML5 (xem: Xây dựng 2 và Game Maker Studio ). Cả hai đều tạo ra hiệu suất OK nhưng đã có những vấn đề đáng chú ý với các phần mở rộng vật lý và các đối tượng chuyển động nhanh trên một số nền tảng. iOS vẫn dẫn đầu về hiệu năng nhưng Android đã đi một chặng đường dài với các bản dựng Chrome mới nhất. Cần lưu ý rằng Trình duyệt cá heo trên Android cũng tăng hiệu suất HTML5 100%! Bạn có thể thấy một so sánh nhanh được thực hiện cho một bài kiểm tra dưới đây:
Nếu bạn đang tìm cách tối ưu hóa thủ công, có một số lời khuyên tuyệt vời được liệt kê ở đây . Ngoài ra, với các trò chơi HTML5 ngày càng trở nên phổ biến và được cho phép trên các trang web như Kongregate và các cổng trò chơi độc quyền flash trước đây - không có lý do gì để sợ viết các trò chơi dựa trên HTML5 nữa cho thiết bị di động.
Một vài thư viện tồn tại cũng là để giữ cho mọi thứ dễ sử dụng trên thiết bị di động, tôi đã liệt kê một vài điều dưới đây:
Từ quan điểm kỹ thuật, nó chắc chắn có thể làm được. Có một số vấn đề / cạm bẫy mặc dù:
- Không có nhiều khung công khai ngoài trời, vì vậy về cơ bản bạn sẽ phải viết mọi thứ từ đầu. Từ trình kết xuất, đến xử lý âm thanh, phát hiện va chạm. Đây có thể là rất nhiều công việc, tùy thuộc vào những gì bạn đang cố gắng làm.
- Bạn sẽ phải có một sự hiểu biết thực sự tốt về JavaScript. Một số thực hành OOP thông thường sẽ không hoạt động khi sử dụng Ngôn ngữ này. Đây có lẽ không phải là sự lựa chọn tốt nhất cho một trò chơi có số lượng mã lớn :)
- Đừng quên hiệu suất. Điện thoại thông minh khác xa so với hiệu suất của Máy tính để bàn thông thường. Bạn sẽ phải kiểm tra hiệu suất cẩn thận trên các thiết bị khác nhau. Nó cũng có thể phụ thuộc vào JavaScript-Engine (Trình duyệt) được cài đặt trên thiết bị. Tất nhiên đây không phải là vấn đề của HTML5.
- Cố gắng giảm băng thông cần thiết cho trò chơi. Thiết bị di động có xu hướng có kết nối chậm hơn và đôi khi mọi người trả tiền cho băng thông họ sử dụng. Cố gắng sử dụng bộ nhớ đệm bất cứ khi nào có thể.
Tìm thấy một bài viết hay về iPad và HTML5: http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/
Ngoài ra tôi sẽ tránh vẽ canvas nặng trên iPad, vì một số lý do có vẻ như nó khá chậm.
Bạn có thể sử dụng PhoneGap Build :
Chỉ cần tải lên một tệp zip với mã HTML5 và nó sẽ cung cấp cho bạn ứng dụng cho: Android, iOS, winphone, Blackbarry, Symbian ..ecc ..