Las componentes indican hacia dónde se mueve un vector; su magnitud indica cuánto mide. Esta medida convierte un desplazamiento bidimensional en un valor numérico útil para distancias, velocidades, límites y normalización.
Dos vectores pueden apuntar en direcciones diferentes y aun así tener la misma longitud. Por ejemplo, (3, 4) y (−4, 3) miden ambos 5 unidades, aunque sus componentes no coincidan.
La magnitud, también llamada longitud o norma, responde a la pregunta: «¿qué tan grande es este desplazamiento?».
Para un vector v usamos barras verticales dobles o, de manera informal en 2D, barras simples:
Si v = (3, 4), escribimos |v| = 5. No debe confundirse con el valor absoluto de un único número, aunque ambos conceptos expresan una distancia respecto de cero.
Para v = (vx, vy), las componentes forman los catetos de un triángulo rectángulo. El teorema de Pitágoras permite calcular la hipotenusa:
La raíz cuadrada devuelve una cantidad no negativa, por eso una longitud nunca resulta negativa.

Dibujar las proyecciones horizontal y vertical convierte la fórmula en una imagen: medir un vector es hallar la distancia entre su cola y su punta.
Sea v = (3, 4). Sustituimos sus componentes:
Este triángulo pitagórico es un excelente caso para verificar que una implementación funciona como se espera.
Los signos cambian la dirección, pero no alteran la longitud final porque las componentes se elevan al cuadrado. Para v = (−3, 4):
Por la misma razón, v y −v siempre tienen idéntica magnitud.
El vector nulo es (0, 0). No desplaza ningún objeto y su magnitud es cero:
Es el único vector cuya longitud es cero. No posee una dirección definida, un detalle importante antes de intentar normalizarlo.
El vector que va desde A hasta B se obtiene como B − A. Por tanto, la distancia entre ambos puntos es la magnitud de ese vector:
Si A = (2, 1) y B = (5, 5), entonces B − A = (3, 4) y la distancia es 5.
Estas propiedades permiten razonar sobre tamaños sin necesidad de volver a calcular cada componente desde cero.
Modifica vx y vy. El laboratorio construye el triángulo rectángulo, muestra el cálculo con Pitágoras y dibuja un círculo cuyo radio coincide con la magnitud obtenida.
function magnitud(v) {
return Math.hypot(v.x, v.y);
}
const desplazamiento = { x: 3, y: 4 };
console.log(magnitud(desplazamiento)); // 5Math.hypot expresa directamente la intención y evita escribir la suma de cuadrados a mano. También admite más de dos componentes cuando el problema lo requiere.
function magnitudManual(v) {
return Math.sqrt(v.x * v.x + v.y * v.y);
}
const v = { x: -6, y: 8 };
console.log(magnitudManual(v)); // 10Las dos versiones producen el mismo valor para vectores 2D. La forma manual es útil para comprender qué calcula la función.
En detección de colisiones o búsquedas se comparan muchas distancias. Como la raíz cuadrada conserva el orden, a veces conviene comparar magnitudes al cuadrado:
Por ejemplo, para saber si un objeto está a menos de 100 píxeles no hace falta calcular la raíz: basta comprobar si dx*dx + dy*dy < 100*100.
La velocidad es un vector porque tiene dirección y sentido. Su magnitud se llama rapidez: indica cuántas unidades avanza un objeto por segundo sin importar hacia dónde se mueve.
Una velocidad (60, 80) píxeles/s tiene rapidez 100 píxeles/s. Esto permite limitar el movimiento máximo de un personaje.
La magnitud sirve para probar si una punta está dentro de un radio o si dos objetos están suficientemente cerca:
Este patrón aparece en disparos, zonas de interacción, luces, sonidos, sensores y colisiones circulares.
La magnitud transforma una dirección y sus componentes en una medida concreta. Con Pitágoras podemos saber cuánto se mueve un objeto, comparar distancias y controlar radios, velocidades y alcances en cualquier escena 2D.
En el próximo tema normalizaremos vectores para conservar solo su dirección y obtener una longitud exactamente igual a uno.