Làm cách nào để đóng gói trò chơi JavaScript HTML5 dưới dạng ứng dụng Windows gốc?


13

Khi các trình duyệt web phát triển, phát triển trò chơi HTML5 với JavaScript, Canvas, webgl đang ngày càng trở nên phổ biến. Ưu điểm của các trò chơi dựa trên web so với các ứng dụng gốc là chúng chạy trên nhiều nền tảng và bạn không cần phải sử dụng các thư viện hoặc môi trường lập trình dành riêng cho hệ điều hành.

Bạn đã có thể bán các trò chơi web của mình thông qua cửa hàng web chrome , nhưng tôi nghĩ rằng nó quá phổ biến nhưng vẫn mang lại lợi nhuận cho các nhà phát triển trò chơi độc lập.

Tôi nghĩ rằng bạn có thể tiếp cận đám đông lớn hơn bằng cách bán các trò chơi của mình tại Mac App Store hoặc Steam, nhưng do đó bạn phải đóng gói nó dưới dạng ứng dụng độc lập.

Đối với mac, bạn có thể dễ dàng đóng gói các trò chơi HTML5 của mình dưới dạng ứng dụng gốc bằng cách sử dụng thành phần WebView của Apple. Dưới đây là một ví dụ về cách làm điều đó .

Bây giờ tôi tự hỏi: có một cách tương đương cho nền tảng Windows?


2
"Họ chạy trên nhiều nền tảng" ... chậm như địa ngục. Không có cách nào tạo ra các trò chơi đẹp mắt phức tạp bằng Trình duyệt mà không liên quan đến phần mềm dựa trên hệ thống của bên thứ ba. Hoàn toàn được thổi phồng
daemonfire300

Có, bạn có thể sử dụng nút-webkit để gói trò chơi của mình dưới dạng các ứng dụng OSX, Windows và Linux: < github.com/rogerwang/node-webkit > Nó rất dễ sử dụng.
d13

Câu trả lời:


6

Tôi đã nhắm mục tiêu nút-webkit cho trò chơi html5 / js của mình. Hầu hết mã của tôi chạy phía trình duyệt, do đó, các khía cạnh của node.js chủ yếu là vì nó đủ đơn giản để chạy một máy chủ nhỏ và gửi mã html / js xuống trình duyệt được nhúng.

Một bản demo hay của một trò chơi có nhịp độ nhanh là "Thằn lằn phù thủy". Họ nói về thành công của họ trên reddit và rõ ràng họ sử dụng nút-webkit.

Những người đứng sau "Gamedev Tycoon" đã phát hành api tích hợp steamworks của họ dưới dạng nguồn mở . Nó cho phép bạn tương tác với các bộ phận của hơi nước từ nút-webkit.

Nền tảng phát triển trò chơi phổ biến (đọc: newbie thân thiện) " Xây dựng 2 " cho phép bạn tạo các trò chơi đơn giản bằng cách sử dụng html5 / canvas phía sau hậu trường. Họ cũng sử dụng nút-webkit để đóng gói trò chơi dưới dạng thực thi. Người bạn không phải lập trình viên của tôi với nền tảng phương tiện kỹ thuật số đã chọn nó khá nhanh. Tôi đã tổ chức một bản demo nhỏ của trò chơi thử nghiệm đầu tiên của anh ấy làm ví dụ.

Một tùy chọn khác, nếu bạn không muốn sử dụng html / javascript (nhưng vẫn muốn có một trò chơi dựa trên trình duyệt) là sử dụng khung Unity hoặc Unreal Engine . Unreal Engine có thể không có hỗ trợ đầy đủ hiện tại, nhưng theo lộ trình của họ, nó đang trở thành một tính năng hạng nhất. Việc tích hợp các công cụ máy chủ với chúng khá dễ dàng và cả hai công cụ đều tích hợp tuyệt vời với các dịch vụ phổ biến và có thể được thực hiện để tương tác với các yếu tố phía máy chủ khá dễ dàng. Bạn có thể đọc thêm về cách họ tích hợp với web trên bài đăng blog mới của mozilla về chủ đề này .

Tất cả những thứ này hoạt động tốt với itch.io - đó là nơi tôi hy vọng sẽ xuất bản.


1
Lộ trình nhanh chóng và dễ dàng với nút-webkit: github.com/jyapayne/Web2Executable/release
Jersh 21/03

3

Nếu tôi không nhầm, API Winforms trong .NET Framework có thành phần trình duyệt web mà bạn có thể thêm vào ứng dụng, để hiển thị nội dung HTML và sửa đổi thông qua giao diện đơn giản. Nó phụ thuộc vào trình duyệt web đã được cài đặt (thường là IE), vì vậy bạn phải xác minh rằng người dùng có mọi thứ cần thiết để xem trò chơi của bạn, nhưng ngoài điều đó, tôi không hiểu tại sao nó không hoạt động.

Điều này có vẻ đầy hứa hẹn. Hy vọng tôi đã giúp :)


1

Bạn có thể sử dụng Qt với tiện ích QtWebkit, nó sẽ hoạt động trên tất cả các nền tảng chính.


1

Titanium Desktop cung cấp một biểu tượng Javascript HTML5 CSS3 để tạo các ứng dụng gốc cho Windows, nhược điểm duy nhất là mã nguồn của ứng dụng vẫn hoàn toàn mở cho bất kỳ ai chỉnh sửa hoặc xem.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.