Ưu điểm/nhược điểm của Canvas so với DOM trong phát triển trò chơi JavaScript là gì?

Question

Ưu điểm và nhược điểm của việc tạo trò chơi trong DOM thuần túy so với việc sử dụng canvas là gì?

Answer 1

Với canvas, bạn có thể thực hiện các thao tác như xoay mà bạn không thể làm với mái vòm thuần túy mà không sử dụng một số thủ thuật "nặng". Dù sao thì dom nhanh hơn và bạn có thể sử dụng nó trong mọi trình duyệt mà không gặp vấn đề gì. Bạn phải suy nghĩ về những gì bạn sẽ sử dụng trong các trò chơi, nếu bạn sẽ chỉ sử dụng các hoạt động cơ bản sử dụng dom nếu không chọn vải.

Answer 2

Nhìn ở đây: Why Canvas is not an obvious choice for web games.

Answer 3

Khi bạn phát triển bằng Canvas, bạn sẽ phải sử dụng kỹ thuật GameLoop rất đau đớn vì bạn sẽ phải vẽ lại tất cả các phần tử mọi lúc.

Khi bạn phát triển với DOM, bạn sẽ chỉ có thể vẽ lại đối tượng đã được sửa đổi và sẽ cho phép công việc khó khăn để thực hiện trình duyệt.

nếu trò chơi của bạn có một vài sửa đổi trên mỗi khung hình thì bạn có thể sử dụng DOM, nếu không hãy sử dụng Canvas! Nó nhanh hơn rất nhiều!

Answer 4

vải ưu:

1. có thể thao tác pixel và áp dụng hiệu ứng lọc, dễ dàng như vậy cho xử lý hình ảnh;
2. rất hiệu quả đối với kích thước nhỏ nhưng hàng trăm yếu tố trong game
3. nhiều thư viện cho trò chơi có thể được tìm thấy bằng vải, chẳng hạn như box2dweb, và có thể làm cho trò chơi tuyệt vời như con chim giận dữ

khuyết điểm:

1. không có trạng thái, vì vậy bạn phải ghi lại trạng thái của các phần tử trong canvas và tự xử lý thử nghiệm lần truy cập.
2. hiệu quả thấp với kích thước rất lớn nhưng với một vài yếu tố trong trò chơi
3. khả năng tuyệt vời, trách nhiệm lớn. sự tự do để vẽ, mang lại cho bạn phải tính phí của tất cả các nhân viên vẽ. May mắn thay, có rất nhiều thư viện ở đó, chẳng hạn như cocos2d-html5, IvanK.

DOM ưu:

1. vẽ bởi trình duyệt, vì vậy ít dễ bị lỗi;

khuyết điểm:

1. có thể làm hình ảnh động đơn giản với chỉ CSS, mà làm cho các trò chơi không thông thạo;
2. không tốt cho việc thao tác hàng trăm phần tử DOM;