Sử dụng ShaderProgram trong libgdx để tạo lớp phủ cho menu trong trò chơi

Question

Hiện đang tạo trò chơi và cố gắng tạo lớp phủ để che màn hình khi nút "menu" được nhấp vào - thứ mà tôi tưởng tượng là khá phổ biến/đơn giản nhưng vẫn gặp sự cố khi triển khai.

Các thiết lập hiện tại tôi có:

• TiledMapRenderer: để render TMX gạch (nền/bản đồ)
• SpriteBatch: đối với tài sản khác nhau (hình ảnh người chơi ví dụ.)
• Stage: để giữ menu nút
• ShaderProgram: sử dụng GLSL để tạo hiệu ứng lớp phủ/che
• SpriteBatch và bản đồ được thiết lập để sử dụng ShaderProgram

Theo đề xuất của nhiều người, để thực hiện, tôi chỉ sử dụng một SpriteBatch - do đó, cùng một lô sprite được sử dụng bởi cả hai nội dung và giai đoạn menu khác nhau.

Mục đích của trình đổ bóng là thêm lớp phủ tối/nửa trong suốt để tô xám màn hình để menu sẽ dễ đọc hơn khi mở.

Vấn đề chính tôi đang gặp là vì tài sản và menu chia sẻ cùng một SpriteBatch, họ cũng chia sẻ shader cùng ... vì vậy, khi tôi cho phép các hiệu ứng đổ bóng mọi thứ (nút nền và menu) là màu xám nhạt.

Làm cách nào tôi chỉ có thể sử dụng một SpriteBatch nhưng chỉ áp dụng Shader cho nền (và giữ các nút menu bình thường/không bị che khuất)?

Answer 1

• bạn có thể sử dụng: setShader (ShaderProgram shader)

• bạn có thể thêm một số logic để tạo bóng của bạn để cho phép lớp phủ (đồng phục, đọc một số thuộc tính khác nhau, vv), nhưng điều này không được khuyến khích bởi vì mỗi dòng bạn đặt ở đó được thực thi hàng nghìn lần mỗi giây.

• [Được khuyến nghị] bạn thực sự có thể vẽ lớp phủ thực. Có một kết cấu nhỏ màu xám (8x8px) với độ trong suốt và vẽ nó sau nền sau và trước menu. Đó sẽ là tọa độ màn hình, giống như menu, phải không? vì vậy nó sẽ không thêm bất kỳ sự phức tạp nào (hoặc tạo ra một sprite đủ lớn).

• [Nâng cao] cung cấp trò chơi của bạn tạm dừng khi bạn nhấn menu, bạn có thể sao chép màn hình của mình sang FBO khi nút menu được nhấp. Sau đó, bạn có thể xử lý hình ảnh (làm tối, làm mờ) và sử dụng làm hình nền cho menu. Điều đó sẽ cho phép hiệu ứng đẹp hơn, và sẽ thực sự hiệu quả hơn, vì bản vẽ cảnh lỗ được "lưu trữ" bên trong fbo (nhanh hơn để vẽ một kết cấu fbo đơn lẻ, hơn là tính toán lại cảnh lỗ).

Answer 2

Sau khi hỏi xung quanh trên các diễn đàn libgdx, figured it out - giải pháp là để thiết lập sức mạnh trong shader, sau đó tuôn lô (tức spriteBatch.flush().) Trước khi vẽ tiếp theo điều.

Vì vậy, khoảng ...

spriteBatch.start(); 
//draw stuff 
spriteBatch.flush(); 
// set shader strength/variables 
// draw more stuff (is now affected by shader) 
spriteBatch.end();