2 pontos por GN⁺ 2025-12-20 | 1 comentários | Compartilhar no WhatsApp
  • Uma plataforma interativa para explorar na web dados 3D de fases de vários videogames
  • Inclui títulos representativos de várias gerações de consoles, como Nintendo, PlayStation, Xbox e PC
  • É possível passear livremente por mapas de séries importantes como Super Mario, Zelda, Metroid, Halo, Half-Life e Dark Souls
  • O usuário pode manipular diretamente terrenos, estruturas e ângulos de câmera que eram inacessíveis dentro do jogo
  • Oferece valor de preservação e pesquisa em arte de jogos e level design, cobrindo de clássicos a títulos mais recentes

Visão geral

  • Noclip.website é um site em formato de museu digital que permite explorar diretamente no navegador os dados de fases de vários videogames
    • O usuário pode se mover livremente em espaços 3D na web sem necessidade de instalação
    • Diferentemente da jogabilidade real, é possível observar todo o terreno sem detecção de colisão

Principais jogos incluídos

  • Inclui diversos títulos representativos das plataformas Nintendo
    • Super Mario Galaxy, The Legend of Zelda: Twilight Princess, Metroid Prime, Pikmin 2, Luigi’s Mansion e outros
    • Também traz obras das gerações Wii e GameCube, como Mario Kart Wii, Super Smash Bros. Brawl, Wii Sports e a série Paper Mario
  • Obras das gerações Nintendo 64 e DS
    • Mario Kart 64, Paper Mario 64, Pokémon Snap, Ocarina of Time, Majora’s Mask 3D, Pokémon Platinum e outros
  • Títulos das linhas PlayStation e Xbox
    • Final Fantasy X, Kingdom Hearts, Grand Theft Auto III / Vice City / San Andreas, Katamari Damacy, Dark Souls e outros
  • Títulos para PC
    • Inclui as séries Half-Life 2, Portal, Team Fortress 2, Counter-Strike: Source e World of Warcraft

Recursos de exploração

  • Visualiza em 3D a estrutura das fases, a disposição dos objetos e a representação das texturas de cada jogo
    • O usuário pode se mover livremente com mouse e teclado e observar o mapa inteiro
    • Alguns títulos também oferecem dados de colisão (Collision Data)
  • É possível verificar áreas invisíveis, estruturas ocultas e objetos de fundo que não podiam ser acessados dentro do jogo

Importância

  • Pode ser usado como material de preservação e pesquisa sobre level design e arte de ambientes em jogos
    • Recria no navegador moderno os recursos gráficos de consoles de gerações passadas
    • Oferece uma base para que desenvolvedores e pesquisadores comparem e analisem o processo de evolução do design de espaços em jogos
  • Tem valor tanto para fãs quanto para pesquisadores como registro da história dos jogos e de sua expressão técnica

1 comentários

 
GN⁺ 2025-12-20
Comentários no Hacker News
  • Toda vez que vejo isso, uma hora simplesmente desaparece
    Especialmente os jogos de Nintendo 64 da era Rare são visualmente fascinantes
    A Rare usava uma abordagem de misturar cores de vértice e texturas para contornar o cache de texturas limitado do N64
    Em Banjo-Kazooie isso era usado como um efeito simples de iluminação, mas em DK64 passou a ser aplicado de forma bem mais sofisticada para misturar naturalmente as bordas das texturas
    As pessoas costumam lembrar das texturas borradas do N64 como sua característica marcante, mas na prática parece que foi o uso de cores de vértice pela Rare que definiu essa identidade visual
    Seria ótimo se mapas de GoldenEye e Perfect Dark também fossem adicionados a este site

    • No começo acessei pelo celular, não aparecia nada e simplesmente deixei pra lá, mas quando vi de novo no desktop percebi que era um site absurdamente bom
      Vi menção a GoldenEye no repositório do GitHub, então talvez seja adicionado em breve
    • O motivo de a maioria dos níveis dos jogos da Nintendo renderizar bem no navegador é que o pipeline de renderização é simples
      Não existem recursos como shaders avançados, mas justamente por isso fica ainda mais evidente como os artistas superaram as limitações técnicas com criatividade
      É impressionante como conseguiram criar representações simples, mas visualmente perfeitas, como a textura da água
      Como fã de gráficos, eu realmente admiro esse tipo de abordagem
  • Não funciona no Mobile Safari
    Queria saber se alguém conhece o estado do suporte a mobile
    Havia uma issue relacionada no GitHub, mas foi fechada em 2020

    • As GPUs e os drivers móveis não são bons o suficiente, então o suporte a mobile não é intencionalmente oferecido
      Mas PRs ou patches são sempre bem-vindos
      Houve uma época em que o Mobile Safari chegou a funcionar por um tempo
    • Também não funciona no Chrome 143 no Windows
      Aparece a mensagem: “Your browser does not appear to have WebGPU support.”
    • No navegador Pale Moon também ocorre erro
      Aparece a mensagem “wasm validation error”, mas no Firefox funciona normalmente
  • Também existe um site parecido para Old School RuneScape, o osrs.world
    Ele inclui até o estado em tempo real do mundo do jogo, posições de NPCs e animações

    • Muito legal. Jogo OSRS há muito tempo e não fazia ideia de que existia um site assim
    • É útil demais. Também serve bem para captar b-roll para vídeos
    • O cache passa de 200 MB. Usuários mobile devem tomar cuidado
  • Comprei um GameCube recentemente e rejoguei alguns games antigos; eles ainda mantêm exatamente a mesma diversão e imersão
    Os gráficos são mais simples que os dos jogos atuais, mas a diversão não mudou
    A indústria moderna de jogos, tirando alguns estúdios indie, parece quase sem esperança

    • Não concordo com essa opinião
      Ainda hoje saem muitos jogos indie variados
      Se você parar de olhar só para as grandes empresas e observar os estúdios menores, ainda há muita coisa nova e interessante
  • Jasper, criador do Noclip, publica vídeos de desmontagem e análise de jogos no canal do YouTube JasperRLZ
    Recomendo, porque o conteúdo é bem aprofundado

  • Isso é realmente impressionante
    Fiquei pensando se eles emulavam o motor de renderização de cada jogo, e a água de Half-Life 2: Lost Coast estava exatamente como eu lembrava

    • É um projeto open source → link do GitHub
      Em vez de emulação, eles implementaram diretamente um renderizador para cada jogo
      É um projeto num nível completamente insano
    • Com sorte, o próprio criador, Jasper_, pode aparecer no HN pessoalmente
  • Este site também tem uma função para criar animações de sobrevoo
    Veja a documentação da wiki do Studio

  • Ando aprendendo Blender recentemente e tentando publicar algo no meu blog com Three.js
    Percebi como é importante remover geometria desnecessária que o usuário não vai ver
    Se alguém tiver exemplos de easter eggs ou objetos escondidos em áreas inacessíveis ao jogador, queria muito ver
    Lembro de já ter visto, em uma área asteca de algum jogo, uma placa de pedra com os créditos dos desenvolvedores gravados
    Link de referência: nível de exemplo

  • Se eu tivesse visto níveis assim carregando no navegador quando era adolescente, teria ficado realmente em choque
    É incrível poder ver desse jeito jogos como GTA ou NFS

  • É bom demais receber essa bomba de nostalgia numa manhã fria de inverno
    Passear por Besaid Village e Ironforge trouxe todas aquelas lembranças de volta com força
    O quarto estava em silêncio, mas eu sentia como se a música estivesse tocando na minha cabeça

    • A sensação de sobrevoar Ironforge foi inesperadamente intensa