LuCo Works · WebGL Demo 03

얼음 블록 000개로
짓는 이글루

스크롤을 내리면 도면 위에 블록이 하나씩 놓입니다. 블록 모양과 놓는 순서, 치수는 모두 같은 데이터 파일에서 읽어 옵니다.

스크롤해서 짓기

01 · 도면

바닥에 도면부터 그립니다

위에서 내려다본 배치도입니다. 원 하나가 블록 한 단이고, 아래로 길게 나온 부분이 입구 터널입니다.

0단돔 블록 단 수

0.00m바닥 지름

0.00m높이

0.00m입구 터널 길이

layout.json · igloo.glb 에서 계산

02 · 조립

블록마다 놓는 순서가 정해져 있습니다. 내리면 그 순서대로 하나씩 내려앉고, 올리면 거꾸로 빠집니다.

놓인 블록000 / 000

대기 중

03 · 재질

빛의 일부가 블록 안으로 들어갔다가 나옵니다. 표면의 서리 결과 안쪽의 작은 기포는 셰이더에서 노이즈로 그립니다.

1.31굴절률(얼음)

0빛 투과

04 · 해 질 무렵

블록 사이 줄눈과 입구 쪽으로 안쪽 불빛이 번집니다. 입구 터널은 아치 0개, 블록 0개로 되어 있습니다.

05 · 기록

000얼음 블록

–삼각형

–드로우콜(실측)

–fps지금 프레임

모델은 Blender 스크립트로 만들고, 브라우저에서는 three.js로 그립니다.