장면이 작동하는 방식
시그니처 장면 5개는 WebGL2를 사용하며 장면을 열 때만 three.js를 불러옵니다. 나머지 8개는 v1에서 이어 온 Canvas 2D 클래식 효과입니다. 성능 벤치마크와 렌더러는 같지만 부하 자동 탐색, 프레임 시간 측정, 점수 계산은 하지 않습니다. 나머지 24개는 셰이더 계층입니다. 다른 사람이 작성한 전체 화면 프래그먼트 셰이더를, 그것을 허용하는 라이선스로 실었습니다. 뒤에 라이브러리가 전혀 없어서 마우스를 올리는 순간 컴파일됩니다. 점수에는 전혀 관여하지 않습니다. 벤치마크 부하는 2.2.0 이후로 고정되어 있습니다. 깜빡이는 장면은 재생 전에 먼저 묻고, 답은 기억하게 할 수 있습니다.
세 가지 조절 항목
각 장면 아래에서 다음 항목을 조절할 수 있습니다.
| 항목 | 기능 |
|---|---|
| 부하 | 장면의 최솟값부터 최댓값까지 입자 수를 로그 척도로 바꿉니다. 벤치마크와 동일한 부하 단계를 사용합니다. 셰이더 장면에는 입자가 없으므로 이 항목은 픽셀당 슈퍼샘플 수(1~64)를 설정합니다. |
| 속도 | 시뮬레이션 속도를 0.1×~2×로 바꿉니다. 느리게 재생해도 프레임 하나를 처리하는 작업량이 줄어드는 것은 아닙니다. |
| 화질 | 내부 렌더링 해상도를 기준의 0.5×~2×로 바꿉니다. 1×를 넘으면 슈퍼샘플링이 적용되어 픽셀 처리 부하가 늘어납니다. |
| 장면 조절기 | 셰이더 장면 전용입니다. 장면마다 고유 조절기가 한두 개씩 있으며, 시작값은 장면 작성자가 정한 그대로입니다. 탁 트인 바다의 파도 높이와 물결, 흐린 하늘의 구름, 녹아내리는 색의 시드, 데모파티의 템포를 조절합니다. 장면 내부를 안전하게 움직일 수 없으면 색조와 확대를 대신 적용합니다 |
fps가 실시간으로 갱신되므로 부하를 직접 바꿔 가며 상태를 살펴볼 수 있습니다. 비교용 점수가 필요하다면 고정된 조건으로 측정하는 성능 벤치마크를 실행하세요.