Perlin simplex worley noise bibliotecas para tiling em javascript ou HTML5 em geral?
-
29-10-2019 - |
Pergunta
Estou curioso para saber se já existem bibliotecas desenvolvidas para criar esses ruídos em javascript?
Pesquisei na web por cerca de duas horas procurando bibliotecas em javascripts.Eu vi esta implementação para o ruído simplex:
https://gist.github.com/304522
mas não vi nenhuma biblioteca feita especificamente para javascript.
Se ninguém conhece nenhuma biblioteca, sugestões de links sobre como desenvolver essas funções também seriam ótimas.No momento, estou fazendo pesquisas no Google para tudo que perguntei aqui. Achei melhor ter vários rastreadores da web me ajudando simultaneamente :) Além disso, se alguém no estouro de pilha já encontrou um site de qualidade, então ainda melhor.
Obrigado pessoal!
Solução
Aqui você pode encontrar uma explicação completa do algoritmo, também o código original do Worley (explicado em Texturização e modelagem. Uma abordagem processual ) transferida para Processing.
No momento, estou trabalhando na implantação de Javascript.
Outras dicas
Para a parte de tiling de sua pergunta: se você tem uma função de ruído Perlin ou Simplex, você realmente não precisa de uma biblioteca para criar imagens de tiling porque a matemática não é realmente tão difícil.O que é difícil é entender como funciona.Por exemplo: um mapa esférico de ruído é muito mais fácil do que uma simples imagem de ladrilho 2D porque você precisa trabalhar com quatro dimensões para o último.
Certa vez, escrevi uma postagem no blog explicando em detalhes como criar ruído de ladrilho (incluindo exemplos de código Javascript). Ele mostra como colocar lado a lado linear, cilíndrico, plano e esférico (incluindo panorama cúbico).
Eu fiz um aplicativo javascript que renderiza ruído perlin / simplex em uma tela html5, você pode encontrá-lo aqui: http://lencinhaus.github.com/canvas-noise
Bem, não é uma biblioteca adequada, mas o código javascript contém implementações de ruído de valor, ruído perlin (tanto nas versões clássicas quanto melhoradas) e ruído simplex, todos derivados das implementações C do Perlin original (ou uma versão java mais otimizada pararuído simplex, consulte as referências no código).Você pode ajustar os parâmetros de ruído visualmente e ver imediatamente os resultados no navegador, então talvez seja útil para você.
Espero que ajude!