Frontory

코드 편집 · 실습 · 필기 열기 →

WGSL · 11 행렬과 배열 Stride

시리즈 목차 · 전체 기술 지도

단계: 자원 선언과 메모리 배치 · 편집 가능한 예제 · 저장 ID: wgsl-step-11

목표와 학습 후 역량

선수 지식

10단위 결과물과 기록을 이어 사용합니다. 행렬과 배열 Stride 실험에 앞서 이전 입력과 기준 출력을 보관합니다.

핵심 개념과 설명

행렬 배치

mat3x3f는 vec3f 열 세 개를 정렬 간격에 맞춰 저장합니다. 값은 아홉 개여도 저장 배치는 단순한 36바이트 연속 배열과 다릅니다.

배열 간격

배열 원소 stride는 원소의 size를 alignment에 맞춰 반올림해 결정됩니다. CPU에서 다음 원소로 이동할 때 같은 stride를 사용합니다.

실습 준비

예제 화면의 실행 범위 안내를 먼저 확인하세요. 다음은 과제를 별도 프로젝트로 확장할 때의 준비 환경입니다. 별도 localhost 또는 HTTPS 프로젝트에서 직접 구현하는 문서 안내 실습입니다. secure context, navigator.gpu, adapter 요청 결과를 확인하고 미지원 안내를 제공합니다. device.lost 처리와 자원 해제를 유지합니다.

연결된 예제는 출발점입니다. 아래 과제 전체가 완성된 코드는 아니며, 예제의 지원 범위를 넘는 작업은 별도 프로젝트에서 수행하세요.

실습 과제

  1. matrix-layout.md에 mat3x3f 열 offset 0·16·32와 size 48을 적으세요.
  2. 두 행렬을 48바이트 stride로 기록하고 각각 다른 벡터를 곱하세요.
  3. 36바이트로 잘못 기록한 사례와 정상 readback 결과를 비교하세요.

관찰할 변수

변수기준 조건바꿀 조건예상할 변화·검증 가설
행렬 stride48바이트36바이트로 잘못 가정둘째 행렬과 각 열의 값이 어긋날 것으로 예상합니다.

표의 예상은 측정 결과가 아닙니다. 한 번에 한 조건만 바꾸고 실제 결과가 다르면 원인을 기록하세요.

완료 조건

자가 점검

  1. mat4x4f만 실험하면 어떤 padding 오류를 놓치나요?
  2. 배열 stride와 dynamic binding offset은 같은 값인가요?

공식 참고

연결된 예제와 실행 범위

예제 원본 · 실행 환경과 제한

실제 WebGPU/WGSL 실행. HTTPS/localhost와 지원 adapter 필요; 미지원 환경에는 사유를 표시하며 CPU 결과를 GPU로 대체하지 않습니다.

원본 코드·기록은 자동으로 덮어쓰지 않습니다. 기존 예제를 초기화할 때도 필기는 유지됩니다.

다음 학습

이전: Scalar·Vector 정렬 · 다음: Uniform의 추가 배치 제약

실험 기록 — 직접 작성

목표

핵심 개념

바꾼 변수와 예상

실제 결과

배운 점

남은 질문

코드 편집 · 실습 · 필기 열기 →