Como criar um efeito de separação 2D pegajoso / pegajoso?


11

Quero criar um efeito semelhante a esta animação, em que duas formas se separam ao longo do tempo, mas são conectadas (por um tempo) por algo pegajoso que se estende e acaba quebrando. Como pizza de queijo , mas especificamente em 2D.

Ainda com o efeito de animação desejado.

Estou usando o Swift e o SpriteKit. Eu estou pensando que isso provavelmente envolve animações de caminho de quadros-chave, mas não tenho certeza. Como posso conseguir esse efeito?


6
@ Katu Isso me parece mais específico do que a pergunta típica "como começar" - há um exemplo claro do efeito-alvo final. Parece razoável que um especialista relevante possa sugerir técnicas para esse efeito sem precisar explicar tudo do zero. O que ajudaria, NSologistic, é se você pode descrever mais do que você já fez até agora, para que as pessoas que responderem tenham uma idéia de por onde começar. Acho que seu título original deu a impressão de que teríamos que explicar a animação a partir dos primeiros princípios. ;)
DMGregory


3
Só porque uma pergunta inclui as palavras "Não sei por onde começar" não torna essa questão fora de tópico aqui.

4
Talvez algum tipo de abordagem do tipo metaball possa ser um começo?
Benzi 17/02

1
World of Goo envolve efeitos de alongamento semelhantes. Tanto quanto me lembro, eles apenas esticaram e inclinaram um único sprite, solução simples, mas com boa aparência. Infelizmente, não consigo encontrar este artigo, apesar de gastar 10 minutos pesquisando no Google.
Maxim Kamalov

Respostas:


1

Uma maneira de fazer isso usando transformações 2D simples é ter vários sprites para criar cada vertente, o que parece com o exemplo. Usando cores separadas, pode ficar assim:

insira a descrição da imagem aqui

E à medida que a pizza se estende, diminua o fio (amarelo) e os conectores (azul):

insira a descrição da imagem aqui

A vantagem disso é que você pode animar individualmente os fios, ficando mais finos e ajustados.

Existem outras abordagens que também podem funcionar, como falsificá-lo com um único sprite texturizado que se estende ou a animação tradicional quadro a quadro. Depende de quanto trabalho você deseja fazer e de quão realista e adaptável você deseja que seja.


0

Você pode tentar criar poucos pontos de fixação em seus sprites e definir uma linha entre os dois que deseja colar e criar alguns pontos de fixação ao longo dessa linha, depois conectar os pontos com um sprite pegajoso semelhante a barra.


Embora eu concorde com você que às vezes as pessoas votam para fechar um pouco demais, você pode ter passado mais tempo desenvolvendo sua resposta à pergunta do que reclamando do site - considerando que esse espaço específico se destina a responder à pergunta e você parece tenha uma ideia. No entanto, sua ideia é pouco compreensível como atualmente. Tente editar sua resposta, detalhando ainda mais a ideia que você parece ter.
Mand

3
Modifiquei sua resposta para que ela se encaixe nas diretrizes do site. Se você quiser discutir sobre as políticas do site , fique à vontade para ganhar alguns pontos de reputação e discutir sobre isso no Game Development Meta , onde as discussões são bem-vindas.
Vaillancourt
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.