Cú pháp cơ bản của GLSL trong OpenGL ES
Kiểu dữ liệu cơ bản: bool, int, uint, float, double
Kiểu vector:
Trong ngôn ngữ GLSL (OpenGL Shading Language), có nhiều kiểu vector khác nhau để biểu diễn các số lượng thành phần và dữ liệu khác nhau. Dưới đây là một số kiểu vector phổ biến trong GLSL:
Kiểu vector số thực:
vec2: Vector chứa hai thành phần số thực.
vec3: Vector chứa ba thành ...
Đăng vào ngày 23 tháng 7 lúc 15:07
Tạo hiệu ứng vòng tròn khuếch tán bằng Shader trong CesiumJS
Trong phát triển ứng dụng GIS với CesiumJS, việc tạo ra các hiệu ứng hình ảnh động như vòng tròn khuếch tán (diffusion circle) giúp tăng tính trực quan cho các điểm cảnh báo hoặc khu vực mục tiêu. Bài viết này sẽ hướng dẫn cách can thiệp vào shader thông qua Fabric Material để tạo hiệu ứng này.
Nguyên lý cơ bản
Để tạo một vòng tròn có hiệu ứng ...
Đăng vào ngày 23 tháng 7 lúc 07:50
Tối ưu hóa thư viện shader trong Three.js để tránh lặp lại mã
Three.js là một thư viện JavaScript mạnh mẽ cho phép tạo đồ họa 3D trong trình duyệt, với hệ thống shader đóng vai trò then chốt trong việc tạo ra các hiệu ứng hình ảnh chất lượng cao. Tuy nhiên, nhiều lập trình viên thường gặp phải tình trạng sao chép mã shader giữa các vật liệu, dẫn đến khó bảo trì và dễ phát sinh lỗi. Bài viết này giới thiệu ...
Đăng vào ngày 28 tháng 6 lúc 16:45
Sử dụng GlslCanvas để chạy shader GLSL trên web chỉ trong vài phút
GlslCanvas là một thư viện JavaScript nhẹ, giúp tích hợp nhanh chóng các shader GLSL (đặc biệt là fragment shader) vào trang web thông qua WebGL — mà không cần viết mã WebGL thuần. Với cú pháp khai báo đơn giản qua thuộc tính HTML và API dễ hiểu, bạn có thể tạo hiệu ứng đồ họa động, xử lý ảnh thời gian thực hoặc mô phỏng toán học trực quan chỉ ...
Đăng vào ngày 12 tháng 6 lúc 01:56