Notas
El conjunto se mueve porque se le deja descansar.
El héroe es una pequeña proyección 3D de nodos y enlaces. Está deliberadamente en silencio hasta que deja de estarlo: espera a que pase una persona o un poco de tiempo.
Lienzo, no un vídeo.
Una animación grabada se vería igual en todas las pantallas y en todas las conexiones. Una proyección puede responder al puntero, al teclado y al dispositivo. También es pequeño: la geometría es una lista de nodos y aristas, no un archivo multimedia.
La primera versión es una proyección 2D sobre lienzo con una perspectiva fija. No intenta ser un motor de juego. La rejilla, las etiquetas y la retícula son muebles de interfaz; los nodos son el contenido.
Movimiento que espera
Cuando se carga la página, el ensamblaje está quieto. Después de un breve período de inactividad, comienza una rotación lenta. Tocar, arrastrar, tocar o usar el teclado detiene la deriva inmediatamente. La escena se calma en lugar de retroceder.
El movimiento inactivo no es un bucle que se reproduce eternamente en segundo plano. El renderizador se detiene cuando el escenario está fuera de la pantalla o la pestaña está oculta. Un objeto silencioso no necesita quemar una batería para demostrar que está vivo.
Toque, teclado y una salida
Arrastre, gire, pellizque para hacer zoom, toque para enfocar un nodo y toque dos veces para restablecer. Las teclas de flecha y más o menos hacen lo mismo para los usuarios de teclado. El escenario tiene un anillo de enfoque visible y una etiqueta en lenguaje sencillo porque un lienzo interactivo no se puede utilizar si la única instrucción es el cursor del mouse.
La ruta de movimiento reducido no carga el lienzo animado en absoluto. Utiliza el cartel SVG y guarda la información. El movimiento es una mejora, no el contenido.
Tu proyecto