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ạ API WebGL và Âm thanh web thú vị mà tôi thấy trong vài tuần vừa qua.

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

API Âm thanh web có một số ví dụ hấp dẫn về cách xử lý âm thanh sử dụng trang mẫu. WebGL City là một trong những 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 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 tính năng âm thanh không gian của API Web âm thanh để xoay âm thanh trực thăng từ loa này sang loa khác.

Một số linh hồn đáng kinh ngạc đã triển khai trò chơi rắn săn mồi bằng cách sử dụng trình đổ bóng mảnh WebGL trên Hộp cát GLSL. Tôi cảm thấy ngạc nhiên.

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

Blocky Earth lấy dữ liệu từ Google Earth và MineCrafts dữ liệu đó. Nó truyền đạt rõ sự khác biệt về chiều cao. Ví dụ: tôi đã quan sát lớp băng ở Úc và 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 trình diễn âm nhạc vui nhộn của Mr.doob và Paul Lamere. Nó giống như một chiếc hộp nhạc tự động với những quả bóng bật lên từng chút một tóm tắt. CreativeJS có bài viết hay, hãy xem qua nhé.

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