Reconstrói um objeto a partir de uma imagem de referência em código procedural TypeScript para Three.js, pronto para animação, e não em um arquivo de malha.
regomne/magic-snake
Editor e visualizador 3D no navegador para criar e compartilhar formas com o Rubik's Snake de 24, 36, 48 ou 72 peças.
- Estrelas
- 69
- Forks
- 9
- Issues abertas
- 0
- Último commit
- há 3 meses
O que é?
Magic Snake Workbench é um editor e visualizador 3D no navegador para formas com o Rubik's Snake. Ele é compatível com serpentes de 24, 36, 48 e 72 peças e funciona inteiramente no lado do cliente, sem precisar de um servidor.
Os usuários podem selecionar peças na visualização 3D, girar suas articulações e inserir ou converter entre a codificação de pose 0123, a notação de speed-solving e fórmulas entre parênteses. É possível navegar pelas formas integradas e reproduzir suas sequências de dobragem passo a passo, usando cores clássicas ou arco-íris, ou uma paleta cíclica personalizada. A sobreposição de peças na pose final é detectada usando geometria exata.
A forma atual pode ser compartilhada pelo hash da URL, e a interface está disponível em chinês e inglês. O projeto é desenvolvido com TypeScript e Three.js e pode ser executado localmente com npm.
Recursos principais
- 01Selecionar e girar peças do Rubik's Snake em uma visualização 3D
- 02Converter entre a codificação de pose 0123, a notação de speed-solving e fórmulas
- 03Reproduzir sequências de dobragem integradas passo a passo
- 04Escolher cores clássicas ou arco-íris, ou definir uma paleta cíclica personalizada
- 05Detectar peças sobrepostas na pose final
Casos de uso
- Criar novas formas com o Rubik's Snake antes de montá-las fisicamente
- Aprender sequências de dobragem assistindo à reprodução das formas integradas
- Compartilhar uma forma específica com outras pessoas por meio de um link
Início rápido
- 1
Instale as dependências
npm install - 2
Inicie o servidor de desenvolvimento
npm run dev - 3
Abra o endereço local exibido no terminal
Antes de usar
- Nenhuma licença foi especificada, portanto os direitos de uso e redistribuição não estão claros.
- É necessário ter Node.js e npm para executar localmente; a demonstração ao vivo está disponível sem configuração.
Tópicos
Perguntas frequentes
- O que é magic-snake?
- Editor e visualizador 3D no navegador para criar e compartilhar formas com o Rubik's Snake de 24, 36, 48 ou 72 peças. Magic Snake Workbench é um editor e visualizador 3D no navegador para formas com o Rubik's Snake. Ele é compatível com serpentes de 24, 36, 48 e 72 peças e funciona inteiramente no lado do cliente, sem precisar de um servidor.
- magic-snake é gratuito? Qual é a licença?
- magic-snake não declara licença. O código é público, mas sem licença você não tem permissão explícita para reutilizá-lo; fale com o autor antes de depender dele.
- magic-snake ainda é mantido?
- Atualizado nos últimos 6 meses. O último commit de magic-snake foi em 4 de ago. de 2026.
- Para que posso usar magic-snake?
- Criar novas formas com o Rubik's Snake antes de montá-las fisicamente Aprender sequências de dobragem assistindo à reprodução das formas integradas Compartilhar uma forma específica com outras pessoas por meio de um link
- Como instalar magic-snake?
- Instale as dependências: npm install Inicie o servidor de desenvolvimento: npm run dev Abra o endereço local exibido no terminal
- Onde consigo magic-snake?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/regomne/magic-snake
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Pacote com nove skills de agente para Codex e Claude Code criarem jogos de navegador jogáveis e refinados em Three.js, com uma skill diretora que coordena o trabalho.
Um museu 3D gratuito e bilíngue no navegador, onde crianças pequenas e seus responsáveis exploram animais pré-históricos da terra, do mar e do céu.
Guia de campo interativo em 3D com 63 espécies de insetos modeladas proceduralmente no navegador usando TypeScript e Three.js, sem arquivos de modelo.
Um app web interativo que funciona offline e recria no navegador o céu noturno local para qualquer lugar e horário.
Uma biblioteca rápida de renderização 2D para a web que desenha gráficos, sprites e texto com WebGL e WebGPU.