다음은 지난 몇 주 동안 본 몇 가지 멋진 WebGL 및 Web Audio API 데모입니다.
EVE Online ship Viewer는 WebGL을 사용하여 만든 멋진 온라인 선박 뷰어 앱입니다. 게임 세계에서 아트워크를 선보이는 아주 좋은 방법입니다.
웹 오디오 API 샘플 페이지에는 이를 사용하여 오디오를 처리하는 방법에 관한 몇 가지 매력적인 예시가 있습니다. WebGL 도시는 샘플 페이지에 링크된 데모 중 하나입니다. 도시의 밤 풍경을 나는 헬리콥터의 작은 데모입니다. 헬리콥터('m'을 눌러 음악 사용 중지, 'n'을 눌러 헬리콥터 사운드 사용 설정)는 Web Audio API 서라운드 오디오 기능을 사용하여 헬리콥터 오디오를 한 스피커에서 다른 스피커로 이동합니다.
일부 진취적인 소울은 GLSL 샌드박스에 WebGL 프래그먼트 셰이더만 사용하여 스네이크 게임을 구현했습니다. 깜짝 놀랐어요.
빅뱅은 다른 WebGL 입자 애니메이션처럼 보일 수 있지만 입자 시뮬레이션은 실제로는 GPU에서 실행됩니다. 시뮬레이터는 텍스처에서 이전 입자 위치를 읽고 새 입자 위치를 FBO 텍스처에 쓰는 프래그먼트 셰이더입니다.
Blocky Earth는 Google 어스 데이터를 가져와 MineCrafts에서 이를 처리합니다. 높이 차이를 잘 전달합니다. 예를 들어 오스트레일리아와 남극의 빙하를 살펴보면서 대륙 빙하의 두께가 몇 킬로미터인지 알 수 있습니다.
Midem Music Machine은 Mr.doob과 Paul Lamere의 재미있는 음악 데모입니다. 공이 비트 앤으로 튀어 오르는 공으로 운반되는 오르골의 일종입니다. 이런. CreativeJS에 좋은 글이 있으니 확인해 보세요.
컴퓨터 음악 시각화 테마를 계속 살펴보면서 최근에 bytebeat에 대한 이 페이지를 봤습니다. 바이트비트는 미니멀한 코드 공식으로 생성된 음악의 한 형태입니다. 이 페이지는 음악에 대한 하나의 멋진 WebGL 시각화로 연결됩니다. Grgg Tavares는 이 아이디어를 바탕으로 브라우저에서 직접 바이트비트 음악을 만들고 공유하기 위한 바이트비트 샌드박스를 만들었습니다.