A free generative art piece — play it in your browser, no install. 물결이 닿는 거리가 박자, 놓인 높이가 음정 — 물결통(ripple tank) 실험을 옮긴 브라우저 파동 악기. HTML 파일 하나, WebGL2 · Web Audio, 외부 에셋 0. A ripple-tank wave instrument in a single HTML file.
+1 WANTED#7 on Most WantedVote and save it — continue with GitHub or sign in free
Made this, @jeiel85? 5+ people played it here → or use email
GitHub asks to share your profile and email with us. We never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHub물방울을 떨어뜨리면 물결이 퍼지고, 울림돌에 닿을 때마다 소리가 나요. 멀리 있는 돌일수록 늦게 울립니다. 거리가 박자, 높이가 음정입니다.
**▶ 바로 열기: · English
설치 없이 링크 하나로 PC와 폰 브라우저에서 바로 됩니다. 만든 수조는 링크로 보내고, 15초 영상으로 저장해 릴스·쇼츠에 올릴 수 있습니다.
폰 세로 화면에서는 수조가 90° 돌아가 오른쪽일수록 높은 음 이 됩니다. 수조 크기가 고정이라 같은 배치는 어느 기기에서든 같은 음악이 됩니다.
고교 물리 시간의 물결통 실험(ripple tank) 을 그대로 옮겼습니다. 물결은 미리 짠 애니메이션이 아니라 매 순간 파동 방정식으로 계산됩니다.
처음 화면에는 물방울 · 벽 · 울림돌만 보이고, 나머지는 장치 ▸ 를 펼치면 나옵니다. 두 번째 손가락(또는 마우스 오른쪽 버튼)은 어떤 도구를 쓰고 있든 언제나 물 입니다.
수조(캔버스)에 포커스를 두면 화살표가 조준경 을 옮기고, Enter 로 현재 도구를 씁니다(Enter 를 누른 채 화살표 = 끌기, 550 ms 누르기 = 치우기). 조준경 모드에서 수심 · 템포는 Alt + 화살표입니다.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.