2P by GN⁺ 1달전 | ★ favorite | 댓글 1개
  • 다양한 비디오 게임의 3D 레벨 데이터를 웹에서 탐험할 수 있는 인터랙티브 플랫폼으로 구성
  • Nintendo, PlayStation, Xbox, PC 등 여러 콘솔 세대의 대표 타이틀을 포함
  • Super Mario, Zelda, Metroid, Halo, Half-Life, Dark Souls 등 주요 시리즈의 맵을 자유롭게 둘러볼 수 있음
  • 사용자는 게임 내에서 접근 불가능했던 지형, 구조물, 카메라 시점을 직접 조작해 확인 가능
  • 고전부터 최신작까지 아우르는 게임 아트와 레벨 디자인의 보존 및 연구 가치를 제공

개요

  • Noclip.website는 다양한 비디오 게임의 레벨 데이터를 웹 브라우저에서 직접 탐색할 수 있는 디지털 박물관 형태의 사이트
    • 사용자는 별도의 설치 없이 웹에서 3D 공간을 자유롭게 이동 가능
    • 실제 게임 플레이와 달리 충돌 판정 없이 지형 전체를 관찰할 수 있음

수록된 주요 게임

  • Nintendo 플랫폼의 대표작 다수 포함
    • Super Mario Galaxy, The Legend of Zelda: Twilight Princess, Metroid Prime, Pikmin 2, Luigi’s Mansion
    • Mario Kart Wii, Super Smash Bros. Brawl, Wii Sports, Paper Mario 시리즈 등 Wii 및 GameCube 세대 작품 수록
  • Nintendo 64 및 DS 세대 작품
    • Mario Kart 64, Paper Mario 64, Pokémon Snap, Ocarina of Time, Majora’s Mask 3D, Pokémon Platinum
  • PlayStation 및 Xbox 계열 작품
    • Final Fantasy X, Kingdom Hearts, Grand Theft Auto III / Vice City / San Andreas, Katamari Damacy, Dark Souls
  • PC 기반 타이틀
    • Half-Life 2, Portal, Team Fortress 2, Counter-Strike: Source, World of Warcraft 시리즈 포함

탐색 기능

  • 각 게임의 레벨 구조, 오브젝트 배치, 텍스처 표현을 3D로 시각화
    • 사용자는 마우스와 키보드로 자유롭게 이동하며 맵 전체를 관찰 가능
    • 일부 타이틀은 콜리전 데이터(Collision Data) 도 함께 제공
  • 게임 내에서는 접근할 수 없던 비가시 영역, 숨겨진 구조물, 배경 오브젝트를 확인할 수 있음

의의

  • 게임 레벨 디자인과 환경 아트의 보존 및 연구 자료로 활용 가능
    • 구세대 콘솔의 그래픽 자산을 현대 브라우저에서 재현
    • 개발자와 연구자가 게임 공간 설계의 진화 과정을 비교·분석할 수 있는 기반 제공
  • 팬과 연구자 모두에게 게임 역사와 기술적 표현의 기록물로서 가치 있음
Hacker News 의견들
  • 이걸 볼 때마다 한 시간은 그냥 사라짐
    특히 Rare 시절의 Nintendo 64 게임들이 그래픽적으로 흥미로움
    Rare는 N64의 제한된 텍스처 캐시를 극복하기 위해 버텍스 컬러와 텍스처를 혼합하는 방식을 사용했음
    Banjo-Kazooie에서는 단순한 조명 효과로 쓰였지만, DK64에 이르면 훨씬 정교하게 텍스처 경계를 자연스럽게 섞는 데 활용됨
    사람들은 흔히 N64의 흐릿한 텍스처를 상징적인 특징으로 기억하지만, 실제로는 Rare의 버텍스 컬러 활용이 그 시각적 정체성을 만든 것 같음
    GoldenEye나 Perfect Dark 맵도 이 사이트에 추가되면 좋겠음

    • 처음엔 모바일로 접속했다가 아무것도 안 떠서 그냥 넘겼는데, 데스크톱에서 다시 보니 진짜 엄청난 사이트였음
      GitHub 저장소에 GoldenEye 관련 언급이 있던데, 곧 추가될지도 모름
    • 대부분의 Nintendo 게임 레벨이 브라우저에서 잘 렌더링되는 이유는 렌더 파이프라인이 단순하기 때문임
      고급 셰이더 같은 기능은 없지만, 오히려 그 덕분에 아티스트들이 기술적 한계를 창의적으로 극복한 게 돋보임
      물 텍스처처럼 단순하지만 감각적으로 완벽한 표현을 만들어낸 점이 인상적임
      나는 그래픽 덕후로서 이런 접근을 정말 존경함
  • Mobile Safari에서는 작동하지 않음
    모바일 지원 상태를 아는 사람 있는지 궁금함
    관련 이슈가 GitHub에 있었는데 2020년에 닫혔음

    • 모바일 GPU와 드라이버가 충분히 좋지 않아서 모바일 지원은 의도적으로 하지 않음
      하지만 PR이나 패치는 언제든 환영함
      예전에 Mobile Safari가 잠깐 작동하던 시기도 있었음
    • Windows Chrome 143에서도 작동하지 않음
      “Your browser does not appear to have WebGPU support.”라는 메시지가 뜸
    • Pale Moon 브라우저에서도 오류 발생
      “wasm validation error” 메시지가 나오지만, Firefox에서는 잘 작동함
  • Old School RuneScape용으로 비슷한 사이트인 osrs.world도 있음
    게임 세계의 실시간 상태와 NPC 위치, 애니메이션까지 포함되어 있음

    • 진짜 멋짐. OSRS를 오래 했는데 이런 사이트가 있는 줄 몰랐음
    • 완전 유용함. 영상용 b-roll 촬영할 때도 좋음
    • 캐시가 200MB 넘음. 모바일 유저는 주의해야 함
  • 최근 GameCube를 구입해서 예전 게임들을 다시 해봤는데, 여전히 재미와 몰입감이 그대로임
    그래픽은 요즘 게임보다 단순하지만, 재미는 변하지 않았음
    현대 게임 산업은 일부 인디 스튜디오를 제외하면 거의 희망이 없어 보임

    • 그 의견에는 동의하지 않음
      요즘에도 다양한 인디 게임들이 활발히 나오고 있음
      대기업만 보지 말고 작은 스튜디오들을 보면 여전히 신선한 작품이 많음
  • Noclip의 제작자 Jasper는 YouTube 채널 JasperRLZ에서 게임 해체 분석 영상을 올리고 있음
    깊이 있는 내용이라 추천함

  • 이건 진짜 놀라움
    각 게임의 렌더링 엔진을 에뮬레이트하는 건가 싶었는데, Half-Life 2: Lost Coast의 물 표현이 기억 그대로임

    • 오픈소스 프로젝트임 → GitHub 링크
      에뮬레이션이라기보다 각 게임별로 렌더러를 직접 구현한 것임
      완전히 미친 수준의 프로젝트임
    • 운이 좋으면 제작자인 Jasper_가 HN에서 직접 등장할 수도 있음
  • 이 사이트에는 플라이오버 애니메이션을 만드는 기능도 있음
    Studio 위키 문서 참고

  • 최근 Blender를 배우면서 Three.js로 블로그에 뭔가 올려보려는 중임
    사용자에게 보이지 않는 불필요한 지오메트리를 제거하는 게 얼마나 중요한지 깨달았음
    플레이어가 접근할 수 없는 영역에 숨겨진 이스터에그나 오브젝트 예시가 있으면 공유해줬으면 함
    예전에 어떤 게임의 아즈텍 지역에서 개발자 크레딧이 새겨진 돌판을 본 기억이 있음
    참고 링크: 예시 레벨

  • 10대 시절에 이런 레벨이 브라우저에서 로딩되는 걸 봤다면 진짜 충격받았을 것
    GTA나 NFS 같은 게임도 이렇게 볼 수 있다니 멋짐

  • 추운 겨울 아침에 이런 향수 폭탄을 맞으니 너무 좋음
    Besaid Village와 Ironforge를 둘러보며 옛 기억이 생생히 떠오름
    방은 조용했지만 머릿속에서는 음악이 들리는 기분이었음

    • Ironforge를 날아다니며 느낀 감정이 예상치 못하게 강렬했음