Làm thế nào để Xây dựng các đối tượng Sprite cho Trò chơi HTML5 của bạn - núm vú

Để thực hiện các trò chơi HTML5 rất mạnh, bạn sẽ muốn có thể xây dựng sprites của riêng bạn mà làm chính xác những gì bạn muốn họ làm. Sau khi bạn tạo ra một đối tượng, bạn có thể cho nó đặc điểm và hành vi.

Làm thế nào để tạo một đối tượng sprit cổ phần cho trò chơi của bạn

Để bắt đầu, hãy xem đối tượng đơn giản này:

critter var game; var critter; chức năng init () {game = new Scene (); critter = mới Sprite (trò chơi, "critter. gif", 30, 30); critter. setSpeed ​​(0); trò chơi. bắt đầu ();} cập nhật chức năng () {trò chơi. thông thoáng(); critter. update ();}

Đây là một chương trình rất đơn giản. Nó tạo ra một khung cảnh và một con rồng nhỏ gọi là critter. Ngay bây giờ, con critter không làm nhiều.

Sprite đối tượng là tuyệt vời, nhưng nó sẽ không được awesome nếu critter chính nó là một đối tượng và thậm chí tốt hơn nếu nó là một đối tượng mới dựa trên ma? Nó có thể bắt đầu với tất cả các tính năng cơ bản của sprite, nhưng bạn có thể thêm các khả năng mới để phân biệt critters từ sprites khác.

Hãy nhìn CritterConstructor. html để xem cách làm như sau:

critter var game; var critter; chức năng Critter () {tCritter = mới Sprite (trò chơi, "critter. gif", 30, 30); tCritter. setSpeed ​​(0); return tCritter;} init chức năng () {game = new Scene (); critter = new Critter (); trò chơi. bắt đầu ();} cập nhật chức năng () {trò chơi. thông thoáng(); critter. update ();}

Chương trình này hoạt động chính xác như chương trình cuối cùng, nhưng nó được tổ chức hơi khác một chút.

Có một chức năng gọi là

• Critter () . Điều quan trọng là chức năng là tên của một đối tượng và nó cũng được viết hoa. Đây là một chức năng rất đặc biệt, bởi vì nó được sử dụng để định nghĩa một đối tượng Critter (). Chức năng

• Critter () tạo ra một đối tượng sprite tạm thời. Bên trong chức năng Critter (), bạn sẽ thấy một đối tượng ma cà rồng tạm thời được gọi là tCritter (). Đây là một sprite mới. Sửa đổi các sprite tạm thời nhiều như bạn muốn.

• Để tạo một kiểu đối tượng mới trong JavaScript, bạn thực hiện một đối tượng mới và sau đó sửa đổi nó để có được chính xác hành vi bạn muốn. Trong trường hợp này, tốc độ mặc định của critter đã được thiết lập. Trả lại đối tượng

• Critter tạm thời. Sự kết thúc của chức năng Critter đặc biệt () trả về sprite, nhưng bây giờ nó không chỉ là một con ma, mà là một con critter. Điểm của cơ chế này là có các loại vật thể mới có sẵn. Critter giống như một Sprite, nhưng nó có thể có hành vi và đặc điểm mới. Đây là một tính năng cực kỳ mạnh.

Thuật ngữ kỹ thuật để thực hiện một hành động ma như đó là hậu duệ của ma cà rồng khác là

kế thừa. Mô hình kế thừa của JavaScript thường được thực hiện theo một cách khác (sử dụng một cơ chế gọi là prototyping ). Không phải là cách thừa kế JavaScript chính thức được thực hiện, nhưng cơ chế được hiển thị ở đây dễ hiểu hơn cách "đúng" và tương tự như cách thừa kế được thực hiện bằng nhiều ngôn ngữ khác. Không có gì sai với cách tiếp cận này, nhưng đôi khi bạn sẽ thấy các cách tiếp cận khác để kế thừa trong JavaScript.