이 페이지는 사이트 자체 제작 인터랙티브 3D 지구 데모입니다. WebGL과 Three.js(r128)로 NASA 스타일 블루 마블 지표, 범프 지형, 바다 스펙큘러, 별도 구름 구, 맞춤 대기 림(가장자리) 셰이더를 결합해 어두운 배경에서도 지구가 또렷합니다. 지리 교육·과학 홍보·포트폴리오 히어로에 적합합니다.

실시간 지구 체험

마우스로 드래그해 궤도 회전, 휠로 확대/축소합니다. 브라우저만으로 실행되며 플러그인이 필요 없습니다.

SEO에 도움이 되는 구성

• 제목·캡션으로 주제(지구·WebGL·Three.js·구름·대기)를 명확히 표기합니다.
• iframe 앞뒤에 원문 설명을 두어 크롤러가 본문으로 인식하기 쉽습니다.
• loading="lazy"로 목록에서 진입 시 초기 로딩 부담을 줄입니다.

기술 스택(개발자용)

WebGLRenderer에 방향광·환경광, 조작은 OrbitControls입니다. 대기층은 지구보다 약간 큰 구체에 프래그먼트 셰이더를 적용해 프레넬형 림과 옅은 청색을 혼합합니다.

다국어 사이트는 언어별 제목·요약을 두고(본 사이트 방식) 동일 인터랙티브 자산을 공유하면 유지보수와 검색 노출의 균형을 맞추기 좋습니다.