측정된 능력에서 등급을 고르는 GPU 입자장

무대 위에서 포인터를 움직이거나 손가락으로 끌면 힘이 따라온다. 키보드만 쓸 때는 버튼으로 모드를 바꾼다.

강등 사다리

등급은 아래 순서로 내려가며 첫 번째로 조건을 만족하는 칸에서 멈춘다. 조건은 전부 런타임이 보고한 값이다 — maxStorageBufferBindingSize, maxComputeWorkgroupsPerDimension, deviceMemory, hardwareConcurrency. 기기 이름이나 사용자 에이전트 문자열은 한 번도 읽지 않는다.

셰이더 원문은 <script type="x-shader/x-wgsl"> 블록에 담겨 있다. 실행 불가 스크립트 타입이라 JS 위험 패턴 검사기가 셰이더 주석을 코드로 읽지 않고, 사람이 볼 때도 두 언어가 분리된다.

WebGPU가 없을 때

어댑터를 얻지 못하면 Canvas2D 칸으로 내려가 같은 힘 모델을 CPU에서 4,000 입자로 돌린다. 성능은 다르지만 화면과 조작은 살아 있고, 배지가 어느 칸인지 밝힌다. prefers-reduced-motion: reduce인 방문자에게는 애니메이션 없이 정지된 한 장을 그린다.