지구에서 지도 투영 모프Globe-to-map Projection Morph

Globe-to-map Projection Morph

지구에서 지도 투영 모프

다른 이름Also known as · Globe-to-map projection morph

379

렌더 추가 예정CLIP COMING지구에서 지도 투영 모프Globe-to-map Projection Morph정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 379. 지구에서 지도 투영 모프 · Globe-to-map Projection Morph · power2.inOut

구의 표면 격자가 펼쳐져 평면 지도로 변하고 지역의 형태가 함께 바뀐다.A globe’s surface grid unfolds into a flat projection, changing regional shapes.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

평면 투영에서 왜 왜곡이 생기는지 알게 한다.Explains where distortion in a map projection comes from.

언제 쓰나Use whenUSE WHEN

지구에서 지도 투영 모프으로 원인과 결과를 설명할 때
대응하는 요소를 같은 화면에서 순서대로 읽게 할 때

Explain causes and results using globe-to-map projection morph.
Present corresponding elements in a readable sequence within the same view.

과용 주의AvoidAVOID

점 대응 없이 서로 다른 지도를 교차 표시한다.
설명 라벨과 대응 색을 동작 중에 바꾸지 않는다.
메르카토르 투영의 위도는 ±85도로 제한한다.

분류TagsTAGS

원리 도해Explainer 설명Explain 순서·흐름Sequence 설명 영상Explainer video 스크롤덱Scroll deck 발표Presentation 난이도 고급Advancedwebgl

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

동일한 위경도 격자를 구에서 메르카토르 평면으로 펼친다.

과용 · 나쁜 사례OVERUSE

점 대응 없이 서로 다른 지도를 교차 표시한다.

파라미터Parameters

기본값은 클립에 쓴 값Defaults are the values used in the clip

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
기본 지속	2.2s	1.54~3.08s	첫 동작 또는 후보의 기본 단계 길이
격자 밀도	24×12	12×6~48×24	구면과 평면의 정점 순서를 맞춘다
이징	power2.inOut	none \| power2.out \| power2.inOut	주파수 변화는 선형으로 두고 위치 변화는 완만하게 연결한다.

GSAP

const tl = gsap.timeline({paused:true});
const state={mix:0};
const draw=()=>{for(let i=0;i<positions.length;i++) positions[i]=sphere[i]+(map[i]-sphere[i])*state.mix; gl.bindBuffer(gl.ARRAY_BUFFER,buffer); gl.bufferSubData(gl.ARRAY_BUFFER,0,positions); gl.clear(gl.COLOR_BUFFER_BIT|gl.DEPTH_BUFFER_BIT); gl.drawElements(gl.LINES,indexCount,gl.UNSIGNED_SHORT,0);};
tl.to(state,{mix:1,duration:2.2,ease:"power2.inOut",onUpdate:draw});
draw();

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<파일>에서 <대상>에 지구에서 지도 투영 모프을 적용해. 구의 표면 격자가 펼쳐져 평면 지도로 변하고 지역의 형태가 함께 바뀐다. 자체 구면 좌표와 평면 투영 좌표를 WebGL 정점으로 보간한다. 기본 지속은 2.2s, 격자 밀도은 24×12, 이징은 power2.inOut로 설정한다. 하나의 paused GSAP 타임라인으로 구성하고 seek할 때 좌표와 표시 상태를 다시 계산해.

Apply Globe-to-map Projection Morph to <target> in <file>. A globe’s surface grid unfolds into a flat projection, changing regional shapes. Use a base duration of 2.2s and power2.inOut; use a 24 by 12 grid with matching vertex indices and pole latitudes clamped to 85deg and preserve semantic correspondence. Build one paused GSAP timeline and recompute geometry and visibility when seeking.

Codex

<파일>의 설명 장면에서 <대상>에 지구에서 지도 투영 모프을 적용해. 기본 지속은 2.2s, 격자 밀도은 24×12, 이징은 power2.inOut로 설정한다. 0초, 1.1초, 2.2초 시점을 캡처해 초기 상태, 중간 대응 관계, 첫 동작의 완료 상태를 확인해. 원본과 결과의 의미 대응 및 라벨 가독성을 검증해.

Implement Globe-to-map Projection Morph in the explanatory scene of <file> for <target>, using 2.2s and power2.inOut with a 24 by 12 grid with matching vertex indices and pole latitudes clamped to 85deg. Capture at 0, 1.1, and 2.2 seconds to check the initial state, intermediate correspondence, and completion of the first motion. Verify matching source and result elements and readable labels.