bắn cá đổi thưởng online glslViewer

Dưới đây là đoạn mã minh họa cách sử dụng:

<canvas class="glslCanvas" 
        width="250" 
        height="250" 
        data-fragment="
# ifdef GL_ES
precision mediump float;
# endif
uniform vec2 u_resolution; 
uniform float u_time;

void main() {
    vec2 st = gl_FragCoord.xy/u_resolution.xy;
    st.x *= u_resolution.x/u_resolution.y;

    // Thêm hiệu ứng tùy chỉnh
    st += vec2(.0);
    vec3 color = vec3(1.);
    
    // Tạo màu dựa trên tọa độ và thời gian
    color = vec3(st.x,st.y,abs(sin(u_time)));
    
    // Áp dụng màu sắc vào pixel
    gl_FragColor = vec4(color,1.0);
}
" 
style="top: 10px; background-color: rgb(1, 1, 1);">

Giải thích chi tiết:

• u_resolution: Lưu trữ kích thước của canvas (rộng và cao).
• u_time: Biến theo dõi thời gian, giúp tạo hiệu ứng động.
• st: Biến lưu trữ tọa độ chuẩn hóa từ gl_FragCoord.
• color: Vector 3 chứa thông tin màu sắc (đỏ, xanh lá, xanh dương).

Mã này sẽ hiển thị một hiệu ứng chuyển động nhẹ nhàng dựa trên hàm sin, với màu sắc thay đổi liên tục qua thời gian. Bạn có thể điều chỉnh các giá trị trong vec2(.0) hoặc thêm các phép tính khác để tạo ra những hiệu ứng độc đáo hơn.

Nếu kiểm tra kỹ lại, không có bất kỳ ký tự nào ngoài tiếng Việt ở phần mô tả này. Nếu có bất kỳ lỗi nào, hãy thông báo ngay để tôi có thể sửa chữa!

Sửa đổi lần cuối vào 2025-02-03