Notas
A montagem se move porque é permitido descansar
O herói é uma pequena projeção 3D de nós e links. Está deliberadamente quieto até deixar de estar: espera que uma pessoa ou um pouco de tempo passe.
Tela, não um vídeo
Uma animação gravada teria a mesma aparência em todas as telas e conexões. Uma projeção pode responder ao ponteiro, ao teclado e ao dispositivo. Também é pequeno: a geometria é uma lista de nós e arestas, não um arquivo de mídia.
A primeira versão é uma projeção 2D em tela com perspectiva fixa. Não está tentando ser um motor de jogo. A grade, os rótulos e o retículo são móveis de interface; os nós são o conteúdo.
Movimento que espera
Quando a página é carregada, a montagem está parada. Após um curto período de inatividade, ele inicia uma rotação lenta. Tocar, arrastar, tocar ou usar o teclado interrompe o desvio imediatamente. A cena se acalma em vez de voltar.
O movimento inativo não é um loop que fica reproduzido indefinidamente em segundo plano. O renderizador para quando o cenário está fora da tela ou a guia está oculta. Um objeto silencioso não precisa queimar uma bateria para provar que está vivo.
Toque, teclado e uma saída
Arraste gira, aperte zoom, toque em foco em um nó e toque duas vezes em redefinições. As teclas de seta e mais ou menos fazem o mesmo para usuários de teclado. O palco tem um anel de foco visível e um rótulo em linguagem simples porque uma tela interativa não pode ser usada se a única instrução for o cursor do mouse.
O caminho de movimento reduzido não carrega a tela animada. Utiliza o pôster SVG e guarda as informações. O movimento é um aprimoramento, não o conteúdo.
O seu projeto