Bản tóm tắt bản minh hoạ WebGL và API Web Audio

Ilmari Heikkinen

Dưới đây là một số bản minh hoạ WebGL và Web Audio API thú vị mà tôi đã thấy trong vài tuần qua.

Trình xem tàu EVE Online là một ứng dụng trình xem tàu trực tuyến có giao diện tuyệt đẹp, được tạo bằng WebGL. Đây là một cách rất hay để giới thiệu tác phẩm nghệ thuật trong vũ trụ trò chơi.

Trang mẫu API Web âm thanh có một số ví dụ thuyết phục về cách xử lý âm thanh bằng API này. Thành phố WebGL là một trong các bản minh hoạ được liên kết từ trang mẫu. Đây là một bản minh hoạ nhỏ về một chiếc trực thăng bay quanh cảnh thành phố về đêm. Chiếc trực thăng (tắt nhạc bằng cách nhấn phím "m", bật âm thanh trực thăng bằng cách nhấn phím "n") sử dụng các tính năng âm thanh không gian của API Âm thanh trên web để xoay âm thanh trực thăng từ loa này sang loa khác.

Một số người có tinh thần kinh doanh đã triển khai một trò chơi rắn chỉ bằng chương trình đổ bóng mảnh WebGL trên GLSL Sandbox. Tôi rất ngạc nhiên.

Big Bang có thể trông giống như mọi ảnh động hạt WebGL khác, nhưng quá trình mô phỏng hạt thực sự chạy trên GPU. Trình mô phỏng là một chương trình đổ bóng mảnh đọc các vị trí hạt trước đó từ một hoạ tiết và ghi các vị trí hạt mới vào hoạ tiết FBO.

Blocky Earth lấy dữ liệu của Google Earth và tạo bản đồ trong MineCraft. Cách này giúp truyền đạt rõ sự khác biệt về chiều cao. Ví dụ: tôi đang xem xét Australia và lớp băng ở Nam Cực. Bạn có thể thấy lớp băng lục địa dày vài km.

Midem Music Machine là một bản minh hoạ âm nhạc thú vị của Mr.doob và Paul Lamere. Đây là một loại hộp nhạc chạy bằng bóng, trong đó các quả bóng bật ra từ các bit 'n' bops. CreativeJS có một bài viết hay về vấn đề này, hãy xem bài viết đó.

Tiếp tục chủ đề hình ảnh hoá âm nhạc trên máy tính, gần đây tôi đã xem trang này về bytebeat, một hình thức âm nhạc được tạo bằng công thức mã tối giản. Trang này liên kết đến một hình ảnh trực quan WebGL thú vị về bản nhạc. Gregg Tavares đã nắm bắt ý tưởng này và tạo một hộp cát bytebeat để tạo và chia sẻ các bản nhạc bytebeat của riêng bạn ngay trong trình duyệt.