Animação dos Ossos do Peixe Betta

Use three.js junto com restrições XPBD (Extended Position Based Dynamics) para criar um movimento físico suave como seda para um peixe betta. Crie um rig no peixe com pelo menos 50 nós esqueléticos para que seu corpo se deforme continuamente da cabeça à cauda. A cena se passa debaixo d'água. O usuário pode agarrar a cabeça do peixe com o mouse e arrastá-la, e o solucionador de restrições deve puxar todo o corpo atrás da cabeça, enquanto a cauda continua balançando de forma flexível e natural. Primeiro, aplique corretamente os pesos de skinning na malha do peixe e, em seguida, construa a camada de interação em HTML sobre o rig e a física finalizados. Substitua a estrela por uma água-viva translúcida: distribua articulações ósseas ao longo da borda da campânula e dos tentáculos, para que arrastar a campânula faça os tentáculos seguirem atrás por meio das restrições XPBD. Troque o material por um visual translúcido com dispersão subsuperficial e deixe a iluminação da cena em azul-escuro. 

Use three.js junto com restrições XPBD (Extended Position Based Dynamics) para criar um movimento físico suave como seda para um peixe betta. Crie um rig no peixe com pelo menos 50 nós esqueléticos para que seu corpo se deforme continuamente da cabeça à cauda. A cena se passa debaixo d'água. O usuário pode agarrar a cabeça do peixe com o mouse e arrastá-la, e o solucionador de restrições deve puxar todo o corpo atrás da cabeça, enquanto a cauda continua balançando de forma flexível e natural. Primeiro, aplique corretamente os pesos de skinning na malha do peixe e, em seguida, construa a camada de interação em HTML sobre o rig e a física finalizados. Adicione um modo de anotações didáticas: quando ativado, as principais articulações ósseas do betta (coluna vertebral, pedúnculo caudal, raios das nadadeiras) recebem nomes e linhas de conexão, e clicar em uma articulação abre uma nota funcional de uma frase escrita em chinês, pronta para projeção em sala de aula.