Bộ đệm đôi trên trò chơi HTML5 Canvas?


23

Trò chơi canvas đơn giản của tôi dường như hoạt động tốt trên Chrome và FF trên Mac / Linux. Tôi chưa có cơ hội thử nghiệm nó trên điện thoại thông minh hoặc môi trường Windows. Nó không sử dụng bộ đệm đôi nhưng tôi đã thấy một số ví dụ về Canvas Canvas sử dụng nó.

Khi nào nên sử dụng bộ đệm đôi? Liệu nó có làm nên sự khác biệt chỉ cho các trình duyệt cụ thể? Có một hiệu suất đáng kể hit?

Cảm ơn!


2
OT: quy tắc trò chơi này, nó rất hứa hẹn, hoạt động tốt (bạn phải làm việc nhiều hơn trên giao diện, một số thứ không rõ ràng, v.v.)
o0 '.

Nó thực sự là khá ngọt ngào. Khuyến nghị mặc dù: mức độ bản đồ chuyển sang một cái gì đó ngoài không gian. Loại khó chịu khi cuộn cửa sổ trình duyệt của tôi mỗi lần.
michael.bartnett

cũng không sử dụng các phím mũi tên để điều khiển .. Tôi hiện đang ở chế độ an toàn và trên màn hình nhỏ, nó tiếp tục di chuyển khắp nơi ... fyi: p
Tor Valamo

Tôi nghĩ rằng có thể chụp các phím để các cửa sổ trình duyệt không hoạt động trên chúng.
Tấn

Cảm ơn! A, W, D và trở lại làm việc ngay bây giờ. Gửi tweet đến động lực hoặc gửi email petteri@momentumracer.com để nhận thêm ý kiến ​​hoặc ý tưởng để điều này không trở thành một bảng trò chuyện :-).
Petteri Hietavirta

Câu trả lời:


15

Bộ đệm đôi một trò chơi dựa trên canvas chắc chắn sẽ là một hit hiệu suất. Bạn sẽ vẽ thêm một lượng pixel bằng với kích thước canvas của bạn mỗi khung hình. Trong các trò chơi dựa trên khung vẽ, vẽ lên khung vẽ là nút cổ chai lớn nhất trong hầu hết các trường hợp và bạn muốn hạn chế càng nhiều càng tốt, đặc biệt là trên các thiết bị di động.

Chrome có khả năng tăng tốc GPU (như các phiên bản mới nhất) cũng như một công cụ JavaScript nhanh (V8) xấu xa mà bạn sẽ không thấy phù hợp trong môi trường di động. Ngay cả trong Chrome, bạn sẽ thấy sự chậm lại bằng cách triển khai bộ đệm đôi.

Tóm lại, lợi ích của việc đệm đôi (xử lý "xé") không xứng đáng với hiệu suất mà bạn sẽ đạt được.


1
Tuy nhiên, khi bạn nhận thấy nhấp nháy hoặc một cái gì đó giống nhau, bộ đệm đôi rất có thể sẽ khắc phục điều này. Để trả lời câu hỏi của bạn: Nếu bạn thấy thông báo nhấp nháy, tôi đề nghị sử dụng bộ đệm đôi. Nếu không thì không có lý do quá. Lưu ý rằng bộ đệm đôi rất dễ thực hiện hoặc loại bỏ (trong trường hợp bạn nhận thấy sự mất hiệu năng vượt trội hơn so với nhấp nháy).
dùng8363


1

Tôi nhận thấy rằng sử dụng bộ đệm đôi như thế này:

  1. vẽ mọi thứ một bức tranh vô hình
  2. sao chép canvas vô hình vào canvas thực

thực sự làm chậm kết xuất (khung hình / giây thấp hơn), thay vì tăng tốc

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.