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

Ilmari Heikkinen

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

Trình xem tàu trực tuyến EVE là một ứng dụng trình xem tàu trực tuyến tuyệt vời được xây dựng bằng WebGL. Cách rất hay để giới thiệu các tác phẩm nghệ thuật trong vũ trụ trò chơi.

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

Một số nhà sáng tạo doanh nhân đã triển khai trò chơi rắn săn mồi không sử dụng gì ngoài trình đổ bóng mảnh WebGL trên Hộp cát GLSL. Tôi đang sửng sốt.

Big Bang có thể giống như bất kỳ ảnh động hạt WebGL nào khác, nhưng thực tế thì mô phỏng phần tử 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í phần tử trước đó từ một hoạ tiết và ghi các vị trí phần tử mới vào hoạ tiết FBO.

Blocky Earth lấy dữ liệu của Google Earth và MineCrafts. Nó thể hiện rõ sự khác biệt về chiều cao. Ví dụ như tôi đang quan sát Úc và băng Nam Cực và bạn có thể thấy băng lục địa dày đến vài km.

Midem Music Machine là một bản minh hoạ âm nhạc vui nhộn của Mr.doob và Paul Lamere. Trò chơi này là một loại hộp nhạc xoay quanh những quả bóng phát ra. CreativeJS có một nội dung viết hay, hãy xem qua nhé.

Tiếp tục chủ đề trực quan hoá âm nhạc trên máy tính, gần đây tôi đã xem qua trang về bytebeat, một dạng nhạc tạo ra 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 đã nghĩ ra ý tưởng này và xây dựng hộp cát bytebeat để trực tiếp tạo và chia sẻ các giai điệu bytebeat của riêng bạn trên trình duyệt.