Khi tôi bắt đầu tạo trang web này, một trong những bước đầu tiên của tôi là tìm hiểu cách đăng các trò chơi mẫu Unity của mình lên WordPress. Điều này là một quy trình đơn giản, nhưng vẫn mất một chút thời gian để hoàn thiện. Việc giải quyết vấn đề này đã giúp tôi thêm phần hứng thú vào một số bài viết, chẳng hạn như bài khởi đầu cơ bản của chuỗi bài viết về shader của tôi.
Ban đầu, không có nhiều nguồn tài liệu hữu ích và tôi đã phải mua nhiều giải pháp khác nhau để có được bộ tính năng phù hợp. Cuối cùng, tôi đã tìm thấy plugin ưa thích của mình, vì vậy hy vọng bài viết này có thể giúp bạn tiết kiệm thời gian trong quá trình tìm hiểu.
Nếu bạn có bất kỳ câu hỏi hoặc vấn đề nào, hãy nhắn tin cho tôi trên Twitter hoặc để lại bình luận trên diễn đàn. Và nếu nó hoạt động, hãy theo dõi tôi trên Twitter, tải xuống shader graph node miễn phí của tôi hoặc mua một tài sản được khuyến nghị. Sự hỗ trợ của bạn luôn được đánh giá cao.
Contents
Plugin Asset Store hơn WordPress Plugin
Đầu tiên, có trang web WordPress có từ khóa “Unity” và Unity Asset Store có từ khóa “WordPress”. Tìm kiếm plugin trên WordPress không hiệu quả. Tất cả những gì ở đó đều đã lạc hậu (sử dụng webplayer thay vì WebGL builds) hoặc chưa thực sự hoạt động. Bạn cũng có thể tự viết plugin của riêng mình, nhưng điều đó nghe có vẻ như một công việc khó khăn.
Đối với Unity Asset Store, có một số lựa chọn triển vọng. Kỳ lạ thay, các mục trong cửa hàng tài sản này thực sự không chứa bất kỳ thành phần nào bạn đưa vào dự án của mình. Thực tế chúng chứa các plugin WordPress (làm thế nào để xử lý chúng sẽ được giải quyết sau đó). Tôi đã thử nhiều plugin và cái tôi tìm thấy tốt nhất có tên hơi dài dòng là “Easy WebGL WordPress Plugin with Pro Advertising System” (Tôi đang sử dụng phiên bản 1.0.4).
Easy WebGL
Việc mua plugin này đáng giá. Plugin hoạt động đơn giản, với đủ lượng tùy chỉnh. Bạn có thể sử dụng nó để nhúng trò chơi WebGL trong bài viết hoặc trang, với việc thiết lập đơn giản cho các thành phần như màn hình tải.
Về cơ bản, các plugin khác có sẵn trên cửa hàng tài sản cũng có chức năng tương tự. Bạn có thể tải lên một trò chơi và nhúng nó vào một trang. Nhưng đó là nơi sự tương đồng kết thúc. Easy WebGL là một plugin mạnh mẽ hơn nhiều so với các plugin khác. Đầu tiên, tài liệu hướng dẫn tốt hơn và chi tiết hơn nhiều. Thứ hai, tương tác với chính plugin là trải nghiệm mà bạn mong đợi từ một nhóm tạo plugin chuyên nghiệp. Điều này không có nghĩa là các plugin khác không hoạt động, nhưng chỉ đơn giản là chúng không được tối ưu đến mức bạn thường mong đợi nếu bạn đã dành nhiều thời gian trên WordPress.
Các tính năng
Plugin cung cấp cơ chế đơn giản để tải lên và cung cấp nhiều tùy chọn. Tất cả các tùy chọn có thể được thiết lập ở mức toàn cầu và ghi đè theo từng trò chơi nếu cần, tất cả thông qua một trang riêng trên bảng quản trị của bạn. Những tùy chọn mà tôi nghĩ đáng kể nhất là:
- Kiểm soát bố cục dễ dàng (tỷ lệ khung hình, căn chỉnh)
- Tùy chọn để màn hình tải là một quảng cáo có thể nhấp vào, và/hoặc có một quảng cáo có thể nhấp vào được đặt ở góc của trò chơi của bạn.
- Kiểm soát toàn bộ và dễ dàng về nghệ thuật tĩnh đi kèm với trò chơi (màn hình tải, màn hình fallback, nút chơi, v.v.)
Tổng cộng, giao diện này bao gồm tất cả các mục mà tôi có thể nghĩ đến để tùy chỉnh.
Vấn đề
Vấn đề duy nhất tôi gặp phải là tài liệu hướng dẫn. Tôi biết rằng tôi vừa nói với bạn rằng tài liệu hướng dẫn là một trong những điểm mạnh của plugin này. Tuy nhiên, việc tốt hơn so với các plugin khác không đồng nghĩa với việc hoàn hảo. Nó có đầy đủ thông tin và phức tạp hơn so với hầu hết các mục trong cửa hàng tài sản, nhưng tôi có hai khiếu nại. Một là nó cho rằng người dùng đã có một mức độ kinh nghiệm WordPress và Unity-WebGL-build mà tôi nghĩ không phải tất cả khách hàng của nó đều có. Thứ hai là các ảnh chụp màn hình có độ phân giải thấp, vì vậy thật khó để nhìn thấy những gì đang diễn ra thực sự (tôi không thể đọc được bất kỳ văn bản nào trên các ảnh chụp màn hình).
Vì tài liệu là điều duy nhất tôi phản ánh, tôi nghĩ tôi sẽ chia sẻ cách làm ở đây. Tài liệu đề cập đến các tình huống nâng cao, nhưng tôi sẽ bắt đầu từ những điều cơ bản nhất.
Cài đặt Gói Unity WordPress
Những gì bạn nhận được với gói là một tệp readme đơn giản, một tài liệu PDF và một tệp zip. Tệp zip là một plugin WordPress đầy đủ tính năng. Để cài đặt nó, bạn nên đi vào bảng quản trị WordPress của mình, chọn “Plugins->Add New” và sau đó nhấp vào nút “Upload Plugin”.
Một lưu ý ở đây là plugin đi kèm với hai trò chơi mẫu (rất tốt) nhưng không có chức năng “xóa trò chơi”. Như đã đề cập trong tài liệu, bạn cần truy cập cPanel hoặc FTP của mình để tìm và xóa các trò chơi đó. Nếu bạn không muốn cài đặt các trò chơi mẫu, bạn có thể xóa chúng từ tệp zip trước khi tải lên (giải nén, xóa, nén lại).
Chuẩn bị Build
Xây dựng cho WebGL chỉ cần bạn cài đặt module đó. Nếu bạn chưa cài đặt, cách đơn giản nhất để khắc phục là cài đặt nó từ Unity Hub. Không nhấp vào “Development Build” khi xây dựng trò chơi.
Kết quả của quá trình xây dựng là một tệp “index.html”, với hai thư mục kế bên. Bạn cần lấy thư mục mà tất cả điều này nằm trong và nén lại. Plugin sẽ đặt tên trò chơi theo tên thư mục đó, vì vậy hãy chọn tên phù hợp.
Nội dung bổ sung
Để làm cho mọi thứ trông đẹp, bạn cần tạo một số ảnh tĩnh. Như tôi đã đề cập ở trên, có nhiều ảnh bạn có thể thiết lập với plugin này, nhưng cho bài mẫu của tôi dưới đây, tôi chỉ tạo ra hai ảnh.
- “Background Image” – đây là hình ảnh được hiển thị trước khi bất kỳ ai bắt đầu chơi trò chơi. Mặc định, nó sẽ hiển thị logo và nút play. Tôi đã tắt logo và giữ nguyên nút play mặc định.
- Ảnh quảng cáo – không hoàn toàn rõ ràng, nhưng đây là hình ảnh được hiển thị trong quá trình tải. Nó được gọi là “Ad” image vì nó có thể là một quảng cáo có thể nhấp vào. Để làm cho nó không có chức năng nhấp, chỉ cần xóa nội dung “Ad Link”. Mặc định, nó liên kết đến một trang (không tồn tại) trên trang web của người tạo plugin.
Đó là những hình ảnh duy nhất mà tôi đã tùy chỉnh. Tôi đã tắt hình ảnh logo và “Ad Corner Image”, và tạm thời sử dụng các nút play và full-screen theo mặc định.
Tải lên trò chơi của bạn
Các nhà phát triển đã tạo tài liệu cho phần này rất tốt. Cơ bản, bạn sử dụng plugin từ trang quản trị WordPress của bạn. Một lời khuyên duy nhất mà tôi muốn thêm là đảm bảo nó được cài đặt trong một thư mục bạn sẽ hài lòng để không gian làm việc dành cho các trò chơi. Tôi đã chọn
public_html/wp-content/uploads/unity3d/games
Lưu ý về di động
Có một số hạn chế về nơi và thời điểm mà nội dung WebGL có thể chạy. Trên máy tính để bàn, bạn không vấn đề gì. Trên điện thoại di động, khả năng rằng mọi thứ hoặc không hoạt động hoặc chỉ hoạt động ở chế độ “desktop”. Nếu bạn đang truy cập từ điện thoại di động và trò chơi bên dưới không tải, hãy thử nhấp vào “yêu cầu trang desktop” (hoặc bất kỳ tên nào tương tự trong trình duyệt di động của bạn).
Mẫu Unity WordPress
Từ đó, bạn chỉ cần chơi! Tôi đã tạo một trò chơi để đăng ở đây để bạn có cơ hội nhìn thấy nó trông như thế nào. Chỉ cần nhấp vào các hình tròn để làm cho chúng nhảy…
Hãy thử điều gì đó. Tiến độ và có niềm vui.