Ebook – HTML5 Canvas – Lập Trình Game 2D (Free)

Ebook-Game-2D-HTML5-Canvas-ThumbnailEbook tổng hợp kĩ thuật lập trình game 2D trong Html5-Canvas từ cơ bản đến nâng cao. Phiên bản đầu tiên v1.0 còn nhiều thiếu sót, hy vọng được sự đóng góp của bạn đọc để hoàn thiện hơn.

Flash là một công nghệ rất hiệu quả, phổ biến và cho phép lập trình viên có thể tạo ra những ứng dụng với đầy đủ các hiệu ứng hình ảnh, âm thanh đặc sắc. Những công nghệ tương tự như Java Applet hay một “đứa con” sáng giá của Microsoft là Silverlight cũng không thể đứng vững và cạnh tranh được với Flash. Nhưng một vấn đề nảy sinh ở đây là khả năng tương tác giữa các công nghệ này với các thành phần xung quanh nó (như các thẻ HTML) dường như không thể. Chúng bị cô lập và hoạt động độc lập với thế giới bên ngoài.

Ebook-Game-2D-HTML5-Canvas

Giải pháp là quay trở lại sử dụng thuần HTML, Javascript và CSS, lập trình viên vẫn có thể tạo được ra ứng dụng với hiệu ứng đặc biệt và không bị các giới hạn mà những công nghệ trên gặp phải. Nhưng trở ngại lớn nhất là không có đủ API để tạo ra được những ứng dụng tương tự như trên Flash. Và tốc độ của các ứng dụng thuần HTML khá chậm, hầu như không thể chấp nhận được với một game có yêu cầu cấu hình trung bình.

Nhưng với sự ra đời của HTML5 cùng với các thành phần và API mới, giới hạn trên đã bị phá bỏ và đang từng bước thay thế dần các công nghệ như Flash. Với các ứng dụng cần những hiệu ứng đồ họa và chuyển động đặc biệt, lập trình viên có thể sử dụng Canvas với kiểu bitmap hoặc SVG với kiểu vector. Không chỉ áp dụng cho việc thiết kế các trang web trực quan, HTML5 còn được áp dụng để tạo ra các thư viện đồ họa giúp tạo ra các ứng dụng đồ thị, game trong cả môi trường 2D và 3D như những ứng dụng trên desktop.

Một điều đáng mừng nữa là HTML, Javascript và CSS không còn bị giới hạn trên trình duyệt mà có thể được triển khai trên desktop dưới dạng các widget, trên các thiết bị di động và có thể bất kì thiết bị nào. Như vậy, lập trình viên không cần sử dụng hay yêu cầu người dùng cài đặt bất kì thư viện nào để có thể chạy được các ứng dụng của họ. Một lợi thế rất lớn mà chỉ có HTML mới có thể đạt được. Tuy nhiên việc xây dựng game trên trình duyệt có thể là một trải nghiệm khó khăn vì phải cân nhắc giữa việc chọn lựa giữa các thư viện hiện đại, đầy đủ chức năng hay làm theo các API cấp thấp của HTML (thông qua Javascript).

Quá trình thực hiện sách này không thể tránh khỏi sai sót, bạn đọc có thể gửi phản hồi tại http://vietgamedev.net hoặc blog https://yinyangit.wordpress.com hoặc gửi email trực tiếp cho tôi (yinyang.it[at]gmail.com) để thắc mắc, trao đổi cũng như giúp tôi sửa đổi, cập nhật nếu cần thiết.

Download

link 1 (Scribd)

link 2 (Dropbox – Direct Link)

YinYangIt’s Blog

Advertisements

18 thoughts on “Ebook – HTML5 Canvas – Lập Trình Game 2D (Free)

  1. Chào Anh,
    Cảm ơn đã cho tụi em một tài liệu rất hay.
    Em có 1 chút thắc mắc về phần canvas mong anh giải đáp.
    Trong phần này, em thấy nhiều đoạn code canvas chỉ chạy đúng trên firefox thui, còn chrome, IE thì chịu. Cái này là nguyên nhân là do đâu và giải pháp cho chuyện này là như thế nào ? Cảm ơn anh !

    Trả lời
    • Mình ko có nhiều kinh nghiệm về lĩnh vực này nên chỉ dám chia sẻ một chút ý kiến như sau. HTML5 (viết bằng javascript) rất có ưu thế so với các ngôn ngữ và nền tảng khác vì nó được browser hỗ trợ native không cần cài đặt bất kì plugin gì (so với flash, unity hay java). Ngoài ra ngôn ngữ javascript rất thông dụng và dễ sử dụng, nhiều thư viện hỗ trợ, bạn không cần phải học ngôn ngữ, cú pháp mới, …

      Trả lời

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s