Token-Gremlin/natural-disasters

🌊 Bão cực đoan sinh hoàn toàn bởi toán học, chạy ngay trong một tab trình duyệt

ABYSSAL là dự án mã nguồn mở tạo ra một bãi biển và bão khí tượng cực đoan hoàn toàn bằng toán học, không cần bất kỳ tài nguyên bên ngoài nào - chỉ khoảng 400KB JavaScript và GLSL chạy trên GPU.

ABYSSAL là một bản mô phỏng biển và thời tiết cực đoan thời gian thực chạy trong trình duyệt, được xây dựng hoàn toàn từ các phương trình toán học. Dự án sử dụng Three.js/WebGL2/GLSL3 để sinh ra mọi thứ - từ sóng biển, đám mây, bọt khí, giọt mưa đến tia sét - trên GPU. Dự án cung cấp hai trải nghiệm: chế độ điện ảnh tự động và chế độ thể nghiệm tùy biến.

✨ Điểm nổi bật

• Sóng biển FFT đa tầng: Mô phỏng sóng biển đa cấp (sóng xa, sóng gió, sóng nhỏ) bằng phổ JONSWAP với dải hướng, chạy trên GPU với thuật toán IFFT b butterfly.
• Foam thực tế: Bọt khí tích tụ và phân hủy theo thời gian dựa trên Jacobian và độ dốc sóng, tạo ra tia trắng thực sự nơi biển đang bạo tảng.
• Lưới chiếu không gian màn hình: Lưới tam giác đều trong không gian màn hình, đặt chân trời chính xác và duy trì độ phân giải cao.
• Néon ánh sáng nước: Đèn specular GGX, Fresnel, tán xạ trong, màu nước dẫn độ sâu và độ nhám dựa trên góc tiếp xúc.
• Lan tỏa khí quyển: LUT lan tỏa khí quyển (truyền thống, tán xạ nhiều lần, bầu trời và quan sát không khí) theo phong cách Bruneton/Hillaire.
• Đám mây khí quyển: Đám mây lỏng Perlin-Worley được định hình bởi bản đồ thời tiết, từ stratus đến cumulonimbus với anvil.
• Bão và thiên tai: Mưa rào, sóng thần, bão lốc xoáy, vòng xoáy, bão hùng vĩ và sóng cá chết - tất cả làm biến dạng bề mặt nước thực sự.
• Hiệu ứng hậu xử lý: TAA, auto phơi sáng EV100, bloom, mờ nền, mờ chuyển động, tonemapping AgX/ACES, tăng độ tương phản, lỗi màu và nhiễu phim.

💡 Vì sao đáng chú ý

ABYSSAL khác biệt từ các dự án mô phỏng biển khác bằng cách không sử dụng bất kỳ tài nguyên đồ họa nào - mọi thứ đều được sinh ra thời gian chạy. Điều này giúp dự án rất nhẹ và có thể chạy trên bất kỳ thiết bị nào hỗ trợ WebGL2. Dự án phù hợp cho nghiên cứu đồ họa thời gian thực, trò chơi web và giáo dục về mô phỏng tự nhiên.

#ProceduralGeneration #WebGL2 #ThreeJS #GLSL #OceanSimulation #WeatherSimulation #TiniX