Làm cách nào để hiển thị thanh tiến trình tròn/tròn trong Libgdx?

Question

Đối với trò chơi chúng tôi phát triển bằng libgdx, chúng tôi cần hiển thị cho người dùng thời gian còn lại để thực hiện di chuyển. Làm cách nào để hiển thị thanh tiến trình hình tròn hiển thị số giây còn lại?

Trong câu trả lời sau đó là một giải pháp javascript: Circular/radial progress bar

Cảm ơn.

Answer 1

Trước tiên hãy tạo kết cấu (vùng) với thanh tiến trình tròn đầy đủ. Tiếp theo biến dạng một hình dạng (lưới) tạo thành một hoặc nhiều hình tam giác để phù hợp với khu vực thực tế sẽ được hiển thị.

Đối với điều này, hãy nghĩ về một đường thẳng từ giữa hình ảnh đến giới hạn của hình ảnh. Tính điểm giao nhau (và "tường", tức là trái, phải, trên cùng hoặc dưới cùng của hình ảnh) của đường thẳng tại góc đã cho. Điều này sẽ cho bạn phần kết cấu (vùng) cần vẽ. Ví dụ, nếu dòng ở phần còn lại (góc là số không) đi qua bức tường phía dưới của hình ảnh ở giữa, hình ảnh của bạn là hình vuông và bạn muốn xoay theo chiều kim đồng hồ, sau đó mọi thứ từ 45 đến 135 độ chạm vào bức tường bên trái , từ 135 đến 225 độ chạm vào tường trên cùng, v.v.

Bây giờ bạn có hình dạng, bạn sẽ cần phải thể hiện nó theo hình tam giác. Hoặc để duy trì khả năng tương thích với spritebatch của libgdx, thậm chí một số hình tam giác. Đảm bảo cập nhật giá trị U và V theo vị trí của đỉnh.

Một thực hiện đơn giản này có thể được tìm thấy ở đây: https://github.com/xoppa/world/blob/master/src/com/xoppa/android/misc/RadialSprite.java

Answer 2

Bạn có thể sử dụng một shader OpenGL để tạo ra một thanh tiến trình hình tròn. Dưới đây là bộ hẹn giờ hoạt ảnh sẽ là một nơi tốt để bắt đầu: http://glsl.heroku.com/e#10201.0

Tuy nhiên, tôi không nghĩ có bất kỳ cơ sở hạ tầng Libgdx nào tốt để bỏ qua trình đổ bóng như thế này. Bạn sẽ phải sử dụng API OpenGL (xem https://code.google.com/p/libgdx/wiki/OpenGLShader).