HTML5 Canvas cho Trò chơi và Giải trí

• Có Thể 18, 2024

Hoạt hình và trò chơi đi đôi với nhau. Trong số nhiều cách để tạo hoạt hình, canvas HTML5 là một trong những lựa chọn chi phí thấp, vì không có phần mềm đắt tiền nào liên quan. Nền tảng HTML5 Canvas: Dành cho Trò chơi và Giải trí của Rob Hawkes là một cuốn sách dành cho người mới bắt đầu tốt cho những người thích tìm hiểu để tạo trò chơi HTML5 Canvas.

Hawkes bắt đầu giới thiệu về HTML5 bằng cách giải cấu trúc trang HTML5 cơ bản. Anh ấy thảo luận về cách CSS3, JavaScript và thư viện JQuery hoạt động cùng với HTML5. Vì JavaScript là một phần quan trọng của việc tạo trò chơi với HTML5, tác giả dành nhiều thời gian để trình bày các khái niệm cơ bản về JavaScript bao gồm các biến, loại dữ liệu, hàm, điều kiện và hơn thế nữa. Khi đã hết cách, Hawkes chuyển sang những điều cơ bản của khung vẽ HTML5, thực hiện từng bước từ vẽ hình và xóa khung vẽ để điều khiển trình duyệt.

Mọi thứ bắt đầu trở nên thú vị khi Hawkes giới thiệu tỷ lệ, xoay và các biến đổi khác. Tiếp theo, anh chuyển sang thêm chủ nghĩa hiện thực với bóng tối và độ dốc và xuất khung vẽ dưới dạng hình ảnh. Khi bạn học cách tải và tạo một hình ảnh từ đầu, anh ta chuyển sang thao tác pixel để chuyển đổi hình ảnh và áp dụng các hiệu ứng.

Chuyển động và làm cho mọi thứ chuyển động giúp bạn tiến một bước gần hơn để xây dựng trò chơi đầu tiên của bạn. Hawkes bao gồm những điều cơ bản như ghi nhớ trạng thái và chuyển động dọc theo một vòng tròn. Bạn không thể có một trò chơi mà không có ranh giới và phát hiện va chạm và tác giả đã thảo luận về các vấn đề cơ bản của vật lý như vận tốc, gia tốc và ma sát được sử dụng để tạo ra chuyển động thực tế.

Bây giờ bạn đã sẵn sàng để tạo trò chơi đầu tiên của mình, đó là Trò chơi Bowling không gian. Bạn tìm hiểu cách kiểm soát các đối tượng đứng yên và không cố định cùng với cách xây dựng giao diện người dùng cho trò chơi của bạn. Bạn cũng tìm hiểu về việc phát hiện đầu vào chuột và mã hóa kịch bản người chơi thắng / thua. Trò chơi tránh tiểu hành tinh là trò chơi tiếp theo của bạn, nơi Hawkes dạy cách phát hiện đầu vào bàn phím và điều khiển âm thanh trong trò chơi.

Hawkes kết thúc cuốn sách bằng một cuộc thảo luận ngắn về sự khác biệt giữa khung vẽ HTML5 và các lựa chọn thay thế như Flash^R. Ông cũng chỉ ra những hạn chế của canvas như hiệu suất CPU và tương lai của canvas bao gồm 3D và các thư viện khác nhau.

Rob Hawkes đã nghiên cứu Sản xuất phương tiện truyền thông tương tác tại Đại học Bournemouth và là một lập trình viên trực quan chuyên về HTML5 và các tính năng mới khác của web. Bạn có thể tải mã nguồn từ trang web của nhà xuất bản.

Xem trước trên Google Sách

Truy cập trang web của nhà xuất bản

Truy cập trang web của tác giả

* Apress Media cung cấp bản sao đánh giá cho tôi miễn phí.

Video HướNg DẫN: Game Free The Birds HTML5 (Có Thể 2024).