horoli/sunrise
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: initialize sunrise with 100-player shared rooms

Browse Source
This commit is contained in:
horoli
2026-10-30 16:36:35 +09:00
commit 31d6eac4c2
257 changed files with 66063 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/performance/mobile/README.md
+71
View File
@@ -0,0 +1,71 @@
# 모바일 렌더링 최적화 검증 — 2026-10-30
## 측정 환경과 한계
Windows PC의 ChatGPT 내장 Chromium, CSS 412×915, 개발용 강제 DPR 설정으로 비교한다. 이는 모바일 **화면 크기 실험**이며 중급 안드로이드/Safari 실기기 검증이 아니다. 실제 모바일의 GPU, 발열, 메모리, 터치 입력 성능을 대체하지 않는다. 다른 데스크톱 프로그램도 실행 중인 환경이다.
앱 개발 서버에서 `/?profile&dpr=2`를 연 뒤 우측 DEV 패널의 시나리오 버튼을 누른다. 8초 준비 후 20초(지속 테스트는 300초)를 기록한다. 날짜 2026-10-30 07:00 KST, 기상은 맑음으로 고정된다. 낮 비교는 `&time=day`(12:00), 후처리 분리 실험은 `&post=off`를 사용한다. `dpr=1.5`, `dpr=1.25`는 내부 해상도만 바꾸며 CSS 크기는 같다.
일반 정지 장면은 기존과 같이 필요할 때만 렌더링한다. DEV 정지 시나리오는 GPU 비교를 위해 연속 렌더링을 강제한다. 보고된 FPS는 입력 콜백 빈도나 정지 시의 절전 효율이 아니라 **연속 렌더링 프레임 간격**의 역수다.
## 시나리오
- static: 초기 관측점과 시선을 유지한다.
- rotation: 초기 관측점에서 20초마다 360° 회전한다.
- movement: 관측점 동서 방향 ±3m 사인 왕복(8초 주기), 기존 지면 높이와 이동 가능 영역 검사를 사용한다.
- dense: 같은 왕복 이동 중 과천 건물 방향을 바라본다. 현재 관측점에서는 능선이 건물을 가릴 수 있으므로 도시 전체가 화면에 보이는 고부하 테스트를 의미하지 않는다.
- endurance: 위 왕복 이동과 360° 회전을 300초간 함께 실행한다.
스크립트 경로는 FPS와 독립된 위치를 입력한다. 일반 WASD 속도·터치·Pointer Lock의 수동 검증을 대신하지 않는다. 태양·좌표 갱신과 충돌·높이 처리는 기존 코드를 통과한다. 탭이 숨겨지면 측정을 취소한다. 초기/종료 카메라, 실제 이동거리, 충돌 거부 횟수와 렌더 크기를 JSON으로 남긴다.
## 계측 해석
- FPS = 1000 / 평균 프레임 간격. p95는 nearest-rank 방식이다. 50ms 초과 정지 프레임도 제거하지 않는다.
- Draw Call/삼각형은 `renderer.info.autoReset=false`로 모든 후처리 패스를 합산한다. 프레임 시작 시 한 번만 초기화한다.
- `renderer.info.memory`는 Three.js의 자원 개수이며 VRAM 바이트 사용량이 아니다. 시야 변화에 따른 최초 업로드 때문에 geometry 수가 증가할 수 있다.
- CPU update는 이동/충돌/고도/태양/정보 UI 갱신을 포함한다. 미니맵과 WebGL 명령 제출은 별도다. 제출 시간은 GPU 실행 시간이 아니다.
- 직접 참조된 재질 텍스처 목록은 셰이더 주입 텍스처 전체를 포함하지 않을 수 있다. 정상 표면은 color/normal/roughness 3종 × forest/path/rock 3표면을 사용하며 별도의 건물 조명 맵과 후처리 타깃이 있다.
- 현재 그림자 맵은 비활성화되어 있다. 주광원 DirectionalLight와 환경광 HemisphereLight를 유지한다.
## 진행 기록
원본 변경 파일은 `.tmp/mobile-performance/`에 보존했다. 원본 렌더 설정의 시나리오별 수치는 `baseline-*.json`에 저장한다. 최종 비교와 미검증 항목은 작업 종료 시 아래에 추가한다.
## 현재 결과 — 계측 및 실험 준비 단계
사용자 요청에 따라 5분 테스트와 추가 연속 렌더링 부하를 중단했다. 측정 탭은 닫혔고 별도 측정 서버도 중지했다. **성능 최적화 완료 또는 모바일 30 FPS 달성을 주장하지 않는다.**
동시에 진행된 다른 작업에서 `summitRelief` 등 장면 소스가 변경된 사실을 발견했다. 아래 JSON은 각 실행에서 실제 관측된 수치지만, 실행 간 동일 소스 버전을 보장하지 못한다. 특히 texture/geometry 개수 변화에는 최초 GPU 업로드 외에 장면 변경 영향이 섞일 수 있다. 파일명 `baseline-*`은 초기 수집 파일명이며, 최종 전후 비교의 확정 기준값으로 재사용하면 안 된다. 고정 소스에서 기준값을 다시 수집해야 한다.
| 수집 시나리오 | FPS | 평균 ms | p95 ms | 평균 Draw Call | 평균 삼각형 | 텍스처(종료) | geometry(종료) | 50ms 초과 |
|---|---:|---:|---:|---:|---:|---:|---:|---:|
| 정지·강제 연속 렌더 | 119.85 | 8.34 | 8.40 | 49.00 | 1,802,718 | 28 | 117 | 0 |
| 360° 회전 | 119.95 | 8.34 | 8.40 | 32.35 | 1,748,428 | 28 | 117 | 0 |
| 왕복 이동 | 99.30 | 10.07 | 16.70 | 47.35 | 1,800,092 | 25 | 45 | 0 |
| 과천 방향 왕복 | 112.35 | 8.90 | 16.60 | 22.00 | 1,744,875 | 28 | 117 | 0 |
| 변경 후 동일 조건 | 미측정 | 미측정 | 미측정 | 미측정 | 미측정 | 미측정 | 미측정 | 미측정 |
| 5분 지속 | 중단 | — | — | — | — | — | — | — |
모든 표본은 CSS 412×915, 강제 DPR 2(내부 824×1830, 1,507,920픽셀), PC Chromium이다. 실기기 검증이 아니다. 단일 실행 결과이며 반복 측정 신뢰구간이 없다. 일반 장면의 원래 렌더링/재질/그림자/이동 설정은 이 작업에서 변경하지 않았다.
## 구현 파일과 실험 방법
- `src/dev/renderProfile.ts`: DEV 전용 패널·시나리오·원시 JSON. `stop` 버튼으로 중단 가능하며 탭이 숨겨지면 실행을 취소한다.
- `src/scene/world.ts`, `src/main.ts`: DEV 계측 연결, 비교용 날짜·날씨 고정, 전체 후처리 카운트 합산. 일반 사용자의 시각·날씨 동작은 유지한다. 다른 작업의 지형 변경을 보존했다.
- `src/scene/frameSummary.ts`: 평균/FPS/p95/지연 프레임 계산.
- `src/scene/adaptiveResolution.ts`, `src/constants/renderQuality.ts`: 개발 실험용 자동 해상도. `/?profile&quality=adaptive`로 명시적으로 켠다. DPR 상한 1.5, 실제 픽셀 예산 150만, 하한 단계 0.75. 기기 native DPR도 넘지 않는다.
- 고정 `dpr`를 지정하면 자동 조절보다 우선한다. 자동 조절은 5초 관측창, p95 34ms 초과 하향, p95 22ms 미만·평균 19ms 미만이 4개 창 동안 유지될 때 상향, 초기/변경/복귀/텍스처 로딩 후 10초 안정화 시간을 사용한다. 정지 렌더 생략 구간은 연속 프레임 근거로 사용하지 않는다.
- 자동 조절은 렌더 해상도만 바꾸고 시뮬레이션 delta나 이동·회전·태양 계산을 변경하지 않는다. 실제 성능 효과와 화질 검증 전이므로 **production에서 활성화하지 않는다**.
- `src/vite-env.d.ts`: Vite DEV 플래그 타입.
- `tests/render-performance.test.ts`, `tests/adaptive-resolution.test.ts`: 통계와 조절 임계값/복귀/픽셀 상한 검증.
## 검증 및 남은 일
- `npm test`: 최종 69개 통과. 처음 발생한 로컬 HTTP EACCES는 권한이 허용된 실행에서 재검증하여 통과했다.
- `npm run build`: 입력 자산 freshness 검사, TypeScript, production 빌드 통과. 번들 크기 경고는 남는다. production 번들에서 DEV 패널/결과 로그 문자열이 제외됨을 확인했다.
- `npm run verify:solar`: 기존 SunCalc/NOAA 허용 오차 이내. 물리적 실측이 아닌 계산 대조다.
- Android 중급 실기기, Safari, 터치 입력, 일반 브라우저 Pointer Lock, 전후 시각 비교 스크린샷: 미검증.
- 5분 연속 테스트: 사용자 요청으로 중단, 통과 처리하지 않음.
- 현재 과천 방향은 능선 때문에 실제 건물 밀집 부하를 대표하지 않을 수 있다. 재측정 때 구조물 밀집 시점이나 별도 도시 조감 시나리오를 추가 선정해야 한다.
- 동일 소스 스냅샷에서 DPR 2/1.5/1.25와 후처리 분리 실험 → 화질 비교 → 효과 있는 설정만 production에 적용 → 실제 기기 검증 순서로 이어간다. 이 작업에서 LOD/Instancing/KTX2/그림자 변경은 도입하지 않았다.
- 독립 코드 리뷰의 3건을 수정했다: 새 자동 화질 실험마다 초기 상한 복원, inventory 수집을 준비 시간으로 이동, 화면 resize 시 실행 취소. 이전 수집 JSON에는 첫 측정 프레임 inventory 비용도 일부 포함될 수 있으므로 최종 비교용이 아닌 임시 관찰 자료로만 보존한다. 수정 후 브라우저 재측정은 사용자 부하 제한에 따라 미실시했다.
docs/performance/mobile/baseline-dense.json
+182
View File
@@ -0,0 +1,182 @@
{
"scenario": "dense",
"url": "http://127.0.0.1:5173/?profile&dpr=2",
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/156.0.0.0 Safari/537.36",
"measuredAt": "2026-10-30T01:25:49.069Z",
"durationMs": 20000.100000023842,
"frame": {
"samples": 2247,
"fps": 112.35168527527915,
"meanMs": 8.9006230529595,
"p95Ms": 16.60000000000582,
"maxMs": 33.30000000000291,
"overBudget": 0,
"over50Ms": 0
},
"calls": {
"mean": 22,
"min": 22,
"max": 22
},
"triangles": {
"mean": 1744875,
"min": 1744875,
"max": 1744875
},
"cpuMs": {
"update": {
"mean": 0.25458185152014806,
"min": 0.09999990463256836,
"max": 0.8000000715255737
},
"minimap": {
"mean": 0.5262900356508234,
"min": 0.2999999523162842,
"max": 1.7000000476837158
},
"renderSubmission": {
"mean": 0.42971530084720283,
"min": 0.19999992847442627,
"max": 1.399999976158142
}
},
"initial": {
"css": [
412,
915
],
"pixels": [
824,
1830
],
"pixelCount": 1507920,
"deviceDpr": 1,
"renderDpr": 2,
"lights": [
{
"type": "DirectionalLight",
"intensity": 0.023818951740641622,
"castShadow": false
},
{
"type": "HemisphereLight",
"intensity": 0.6566541858247144,
"castShadow": false
}
],
"shadowsEnabled": false,
"passes": [
"RenderPass",
"_UnrealBloomPass",
"OutputPass"
],
"textureSources": [
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
}
],
"memory": {
"geometries": 117,
"textures": 28
},
"camera": {
"position": [
19.4687998205021,
14.79398172597824,
31.07608030252102
],
"quaternion": [
-0.041274897227795544,
-0.8886927344101164,
-0.08164257516393467,
0.4492839821161072
]
}
},
"final": {
"css": [
412,
915
],
"pixels": [
824,
1830
],
"pixelCount": 1507920,
"deviceDpr": 1,
"renderDpr": 2,
"lights": [
{
"type": "DirectionalLight",
"intensity": 0.023818951497520877,
"castShadow": false
},
{
"type": "HemisphereLight",
"intensity": 0.656654184924715,
"castShadow": false
}
],
"shadowsEnabled": false,
"passes": [
"RenderPass",
"_UnrealBloomPass",
"OutputPass"
],
"textureSources": [
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
}
],
"memory": {
"geometries": 117,
"textures": 28
},
"camera": {
"position": [
19.46762172316039,
14.794074630393776,
31.07608030252102
],
"quaternion": [
-0.041274897227795544,
-0.8886927344101164,
-0.08164257516393467,
0.4492839821161072
]
}
},
"distanceMeters": 30.059211594469602,
"rejectedMoves": 0,
"note": "Forced continuous render; scripted path, not manual input validation. CPU submit time is not GPU time."
}
docs/performance/mobile/baseline-movement.json
+182
View File
@@ -0,0 +1,182 @@
{
"scenario": "movement",
"url": "http://127.0.0.1:5173/?profile&dpr=2",
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/156.0.0.0 Safari/537.36",
"measuredAt": "2026-10-30T01:24:18.782Z",
"durationMs": 20006.899999952315,
"frame": {
"samples": 1986,
"fps": 99.30148952234285,
"meanMs": 10.070342396777441,
"p95Ms": 16.700000000004366,
"maxMs": 41.69999999999709,
"overBudget": 1,
"over50Ms": 0
},
"calls": {
"mean": 47.354302969300456,
"min": 42,
"max": 51
},
"triangles": {
"mean": 1800092.1026673377,
"min": 1793631,
"max": 1802850
},
"cpuMs": {
"update": {
"mean": 0.3373930544846011,
"min": 0.09999990463256836,
"max": 2.3000000715255737
},
"minimap": {
"mean": 0.6290890787736099,
"min": 0.2999999523162842,
"max": 3.1999999284744263
},
"renderSubmission": {
"mean": 0.6760946145655224,
"min": 0.2999999523162842,
"max": 4.299999952316284
}
},
"initial": {
"css": [
412,
915
],
"pixels": [
824,
1830
],
"pixelCount": 1507920,
"deviceDpr": 1,
"renderDpr": 2,
"lights": [
{
"type": "DirectionalLight",
"intensity": 0.02381895503796665,
"castShadow": false
},
{
"type": "HemisphereLight",
"intensity": 0.6566541980309549,
"castShadow": false
}
],
"shadowsEnabled": false,
"passes": [
"RenderPass",
"_UnrealBloomPass",
"OutputPass"
],
"textureSources": [
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
}
],
"memory": {
"geometries": 36,
"textures": 25
},
"camera": {
"position": [
19.484821852468222,
14.792718233172673,
31.07608030252102
],
"quaternion": [
0.002282862348496262,
0.9976790607156749,
-0.052286144009298874,
0.043559608510925475
]
}
},
"final": {
"css": [
412,
915
],
"pixels": [
824,
1830
],
"pixelCount": 1507920,
"deviceDpr": 1,
"renderDpr": 2,
"lights": [
{
"type": "DirectionalLight",
"intensity": 0.023818948200196068,
"castShadow": false
},
{
"type": "HemisphereLight",
"intensity": 0.6566541727184744,
"castShadow": false
}
],
"shadowsEnabled": false,
"passes": [
"RenderPass",
"_UnrealBloomPass",
"OutputPass"
],
"textureSources": [
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
}
],
"memory": {
"geometries": 45,
"textures": 25
},
"camera": {
"position": [
19.45159968037214,
14.795338124052773,
31.07608030252102
],
"quaternion": [
0.002282862348496262,
0.9976790607156749,
-0.052286144009298874,
0.043559608510925475
]
}
},
"distanceMeters": 30.07526900052265,
"rejectedMoves": 0,
"note": "Forced continuous render; scripted path, not manual input validation. CPU submit time is not GPU time."
}
docs/performance/mobile/baseline-rotation.json
+182
View File
@@ -0,0 +1,182 @@
{
"scenario": "rotation",
"url": "http://127.0.0.1:5173/?profile&dpr=2",
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/156.0.0.0 Safari/537.36",
"measuredAt": "2026-10-30T01:25:18.940Z",
"durationMs": 20006.299999976152,
"frame": {
"samples": 2399,
"fps": 119.95299882497062,
"meanMs": 8.336598582742809,
"p95Ms": 8.400000000008731,
"maxMs": 16.59999999999127,
"overBudget": 0,
"over50Ms": 0
},
"calls": {
"mean": 32.34625,
"min": 20,
"max": 75
},
"triangles": {
"mean": 1748428.2675,
"min": 1717845,
"max": 1802878
},
"cpuMs": {
"update": {
"mean": 0.01099999984105428,
"min": 0,
"max": 0.2999999523162842
},
"minimap": {
"mean": 0.04995833247900009,
"min": 0,
"max": 0.2999999523162842
},
"renderSubmission": {
"mean": 0.47874999975164734,
"min": 0.09999990463256836,
"max": 2.5
}
},
"initial": {
"css": [
412,
915
],
"pixels": [
824,
1830
],
"pixelCount": 1507920,
"deviceDpr": 1,
"renderDpr": 2,
"lights": [
{
"type": "DirectionalLight",
"intensity": 0.023818951543106016,
"castShadow": false
},
{
"type": "HemisphereLight",
"intensity": 0.656654185093465,
"castShadow": false
}
],
"shadowsEnabled": false,
"passes": [
"RenderPass",
"_UnrealBloomPass",
"OutputPass"
],
"textureSources": [
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
}
],
"memory": {
"geometries": 45,
"textures": 25
},
"camera": {
"position": [
19.467857342665344,
14.794056049507784,
31.07608030252102
],
"quaternion": [
0.002338710035799205,
0.9976319637599487,
-0.05228367576243833,
0.04462524586604639
]
}
},
"final": {
"css": [
412,
915
],
"pixels": [
824,
1830
],
"pixelCount": 1507920,
"deviceDpr": 1,
"renderDpr": 2,
"lights": [
{
"type": "DirectionalLight",
"intensity": 0.023818951543106016,
"castShadow": false
},
{
"type": "HemisphereLight",
"intensity": 0.656654185093465,
"castShadow": false
}
],
"shadowsEnabled": false,
"passes": [
"RenderPass",
"_UnrealBloomPass",
"OutputPass"
],
"textureSources": [
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
}
],
"memory": {
"geometries": 117,
"textures": 28
},
"camera": {
"position": [
19.467857342665344,
14.794056049507784,
31.07608030252102
],
"quaternion": [
-0.0023346036782983066,
-0.9976354655416118,
0.052283859283038824,
-0.04454689189728307
]
}
},
"distanceMeters": 0,
"rejectedMoves": 0,
"note": "Forced continuous render; scripted path, not manual input validation. CPU submit time is not GPU time."
}
docs/performance/mobile/baseline-static.json
+182
View File
@@ -0,0 +1,182 @@
{
"scenario": "static",
"url": "http://127.0.0.1:5173/?profile&dpr=2",
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/156.0.0.0 Safari/537.36",
"measuredAt": "2026-10-30T01:26:36.347Z",
"durationMs": 20006.100000000006,
"frame": {
"samples": 2397,
"fps": 119.85299632490812,
"meanMs": 8.343554443053817,
"p95Ms": 8.400000000023283,
"maxMs": 25,
"overBudget": 0,
"over50Ms": 0
},
"calls": {
"mean": 49,
"min": 49,
"max": 49
},
"triangles": {
"mean": 1802718,
"min": 1802718,
"max": 1802718
},
"cpuMs": {
"update": {
"mean": 0.011050875083519282,
"min": 0,
"max": 0.6000000238418579
},
"minimap": {
"mean": 0.004211843113187356,
"min": 0,
"max": 0.20000004768371582
},
"renderSubmission": {
"mean": 0.5948707267977577,
"min": 0.2999999523162842,
"max": 1.8000000715255737
}
},
"initial": {
"css": [
412,
915
],
"pixels": [
824,
1830
],
"pixelCount": 1507920,
"deviceDpr": 1,
"renderDpr": 2,
"lights": [
{
"type": "DirectionalLight",
"intensity": 0.023818951543106016,
"castShadow": false
},
{
"type": "HemisphereLight",
"intensity": 0.656654185093465,
"castShadow": false
}
],
"shadowsEnabled": false,
"passes": [
"RenderPass",
"_UnrealBloomPass",
"OutputPass"
],
"textureSources": [
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
}
],
"memory": {
"geometries": 117,
"textures": 28
},
"camera": {
"position": [
19.467857342665344,
14.794056049507784,
31.07608030252102
],
"quaternion": [
0.0022828623484962645,
0.9976790607156749,
-0.05228614400929893,
0.043559608510925475
]
}
},
"final": {
"css": [
412,
915
],
"pixels": [
824,
1830
],
"pixelCount": 1507920,
"deviceDpr": 1,
"renderDpr": 2,
"lights": [
{
"type": "DirectionalLight",
"intensity": 0.023818951543106016,
"castShadow": false
},
{
"type": "HemisphereLight",
"intensity": 0.656654185093465,
"castShadow": false
}
],
"shadowsEnabled": false,
"passes": [
"RenderPass",
"_UnrealBloomPass",
"OutputPass"
],
"textureSources": [
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
},
{
"name": "",
"width": 1024,
"height": 1024,
"mipmaps": true
}
],
"memory": {
"geometries": 117,
"textures": 28
},
"camera": {
"position": [
19.467857342665344,
14.794056049507784,
31.07608030252102
],
"quaternion": [
0.0022828623484962645,
0.9976790607156749,
-0.05228614400929893,
0.043559608510925475
]
}
},
"distanceMeters": 0,
"rejectedMoves": 0,
"note": "Forced continuous render; scripted path, not manual input validation. CPU submit time is not GPU time."
}