Hướng dẫn run 3 html5 download - chạy 3 html5 tải xuống

Giới thiệu

Xin lỗi vì tiếng Anh của tôi, tôi đến từ Nga và Bad Biết tiếng Anh. Đầu tiên, những gì chúng ta cần, là cài đặt Denwer (DNWR).

Cài đặt Denwer

Tải xuống

Bạn cần phải đến đây. Tiếp theo, nhấp vào nút 'Cài đặt Denwer' và nhấp vào nút 'Tải xuống'. Đây là một hình ảnh. Nó trên tiếng Nga, nhưng tôi đã dịch cho bạn ^. ^

Hướng dẫn run 3 html5 download - chạy 3 html5 tải xuống

Tiếp theo, khi bạn thực hiện nó, bạn nên chek bạn thư email. Bức thư sẽ gửi cho bạn trong vài phút. Nếu bạn không thể phun ra nó, hãy thử xem trong thư mục 'Spam'. Đó là bức thư của tôi. Đừng cố gắng sao chép liên kết của tôi, nó không hoạt động.

Hướng dẫn run 3 html5 download - chạy 3 html5 tải xuống

Cài đặt trên máy tính

Tiếp theo, khi bạn tải xuống và chạy nó, bạn có thể thấy điều đó:

Hướng dẫn run 3 html5 download - chạy 3 html5 tải xuống

Nhấn Enter'. Nó sẽ hỏi bạn, khi cài đặt denwer, tôi khuyên bạn nên cài đặt nó trong (c: // webservers) hoặc (d: // máy chủ), không phải trong (c: // c/my/server), v.v. , Chạy 'Bắt ​​đầu Denwer'.

+ Html5, nó là gì?

° HTML là gì?

HTML là một tiêu chuẩn đã mô tả cấu trúc của các trang web vì gần như là sự ra đời của Internet. Trang được hiển thị trong trình duyệt của bạn là HTML.

Khi bạn xem mã nguồn của trang của bạn, bạn sẽ được đưa đến một trang của mã đánh dấu mô tả giao diện trực quan và bố cục của trang.

Đó là lý thuyết về tiêu chuẩn, thực tế là mỗi trình duyệt chính trong lịch sử có ít nhiều sự tôn trọng đối với tiêu chuẩn, thực hiện các chức năng cụ thể cho khả năng của trình duyệt hoặc các chức năng và tham số đặt tên theo ý thích của chúng.

Đối với nhà sản xuất trang web, đó là một cái đầu, phải làm cho mã tương thích cho các trình duyệt sử dụng các ngôn ngữ khác nhau hoặc các chức năng cụ thể tại thời điểm.

° Và những gì về HTML5 này?

HTML5 là "phiên bản mới" của HTML. Đặc điểm kỹ thuật của tiêu chuẩn đã phát triển với sức mạnh của bộ xử lý và đã cung cấp các công cụ và ngôn ngữ được hỗ trợ trong các trình duyệt.

Thông số kỹ thuật không có gì ngoài một hướng dẫn mà các nhà sản xuất trình duyệt phải thực hiện trong ứng dụng của họ. Nếu họ chọn theo dõi nó, họ sẽ dễ dàng hơn cho WebDevelopper để tạo các trang sẽ được hiển thị giống nhau trong mọi trình duyệt.

Với HTML5, bốn trình duyệt Big Four (Internet Explorer, Google Chrome, Mozilla Firefox và Apple Safari) dường như thắt chặt sau đây và thực hiện tiêu chuẩn lần này. Vẫn còn những trận chiến xung quanh các khu vực cụ thể (hỗ trợ âm thanh mà bạn có thể đọc về blog của Scirra, Webgl vs Silverlight cho 3D, ...) nhưng liên quan đến các màn trình diễn và tiêu chuẩn cho bức tranh 2D và bố cục của trang, chúng dường như mô phỏng lẫn nhau và làm theo tiêu chuẩn.

Và đó là sự mới lạ lớn của tiêu chuẩn này: các chức năng mới có sẵn dễ dàng và chức năng trong bất kỳ trình duyệt nào. Bây giờ bạn có quyền truy cập vào bất cứ điều gì một trò chơi yêu cầu trực tiếp từ trình duyệt mà không phải tải xuống bất kỳ plugin nào.

Điều này đã ở bên trong trình duyệt, bạn chỉ cần tận dụng nó. Bạn thực sự tận dụng nó nếu bạn đang sử dụng C2 để thực hiện trò chơi của mình và bạn đã biết điều đó.

° Vậy bài viết này là gì?

Tôi sẽ đề xuất bạn xem xét bên trong một dự án C2 đã xuất để tìm hiểu cách lấy trò chơi của bạn và cung cấp nó qua web trên một trang web hoặc chỉ riêng.

Bạn thậm chí có thể đề xuất trò chơi của mình dưới dạng gói zip mà người dùng tải xuống và chạy từ máy tính của chính họ nếu bạn muốn.

Chúng tôi sẽ thỏa thuận cụ thể với giao diện (bố cục) của trang Index đã xuất.html (trang bạn chơi trò chơi của mình).

+ C2 và HTML5

I. Hiểu những gì bạn được đưa ra

Khi bạn xuất dự án của mình sang một thư mục, cái này sẽ được điền với các tệp mới.

° Index.html

° c2runtime.js

° jQuery-1.6.2.min.js

° Thư mục hình ảnh

° Thư mục Medias

° index.html là điểm nhập của bạn. Đó là trang sẽ chứa trò chơi của bạn và hiển thị nó. Đó là tệp bạn cung cấp URL công khai nếu bạn đặt trò chơi của mình vào Dropbox.

° c2runtime.js là cơ bản, ngưng tụ của dự án C2 của bạn thành JavaScript (JS). JS là một trong những "tiểu thuyết" của thông số HTML5.

Nó không phải là một ngôn ngữ mới, ngược lại, nó đã ở bên trong các trình duyệt trong nhiều năm nay. Vì vậy, nó được lan truyền rộng rãi và đáng tin cậy.

Những gì thông số HTML5 đã làm là tính đến điều này và đề xuất khung vẽ 2D nổi tiếng được kiểm soát bởi mã JS.

Vì vậy, c2runtime.js là toàn bộ chương trình của bạn được hiển thị trong khung vẽ trong index.html.

° jQuery-1.6.2.min.js là tệp thư viện jQuery. Bạn cần thư viện JavaScript này để ứng dụng C2 của bạn thực hiện chính xác. Một được cung cấp cho bạn tại thời điểm xuất khẩu.

Bạn hoàn toàn không nên gây rối với tệp này và luôn để nó trong cùng một thư mục với c2runtime.js

Các số trong tên của tệp tương ứng với phiên bản của thư viện. Tại thời điểm viết bài viết này là 1.6.2.

° Hình ảnh/Thư mục Medias

Nếu bạn đã chọn xuất khẩu, bạn sẽ có các thư mục chứa xuất khẩu của bạn (C2 Recompress mọi hình ảnh của tệp của bạn thành PNG để giảm thiểu thời gian tải) hình ảnh và tệp âm thanh (C2 nén các tệp vào OGG và AAC.)

Thư mục chỉ giúp giữ tất cả các tài sản ở một nơi, dễ dàng truy cập cho C2Runtime.

Đó là những gì bạn nhận được từ một dự án xuất khẩu.

Nếu bạn đã xem thư mục nơi bạn đã cài đặt C2, bạn cũng có thể có quyền truy cập trong "Nhà xuất khẩu \ HTML5" đến 4 tệp HTML nữa.

° xuất khẩu.html

° Xuất-fs.html

° Xem trước.html

° Xem trước-fs.html

Tên của họ khá tự giải thích, cả hai tệp "xuất" sẽ kết thúc dưới dạng "index.html" của bạn trong thư mục đã xuất của bạn, trong khi các tệp HTML "xem trước" là tệp bạn thấy khi xem trước dự án của bạn từ C2.Nó khởi chạy Webbrowser và dựa vào các tệp đó để hiển thị.

Lưu ý: Hậu tố "-FS" là viết tắt của "toàn màn hình".Một sự mới lạ khác của HTML5.Nó sẽ cho phép vải lấy toàn bộ không gian được cung cấp bởi trình duyệt.