Roblox CFrame Visualizer

El Roblox CFrame Visualizer te permite construir y visualizar valores CFrame de forma interactiva con una vista previa 3D isométrica en tiempo real que muestra la orientación de los ejes (Derecha=Rojo, Arriba=Verde, Adelante=Azul). Ajusta los controles deslizantes de posición y ángulos de Euler para ver cómo la rotación y la traslación afectan tu objeto, y luego copia el código Luau generado (CFrame.Angles, math.rad o el constructor completo de 12 componentes) directamente en Roblox Studio. Incluye presets para orientaciones comunes y una matriz de rotación en vivo. Gratuito, sin registro.

Presets

Posición

XYZ

Rotación (Ángulos de Euler)

X (Pitch)0.0°

Y (Yaw)0.0°

Z (Roll)0.0°

Vista Previa 3D

Derecha (X)Arriba (Y)Adelante (-Z)

Matriz de Rotación

[  1.0000    0.0000    0.0000 ]
[  0.0000    1.0000    0.0000 ]
[  0.0000    0.0000    1.0000 ]

Código Luau

-- Using Angles (radians):
CFrame.new(0, 0, 0) * CFrame.Angles(0.0000, 0.0000, 0.0000)

-- Using math.rad:
CFrame.new(0, 0, 0) * CFrame.Angles(math.rad(0), math.rad(0), math.rad(0))

-- Full rotation matrix:
CFrame.new(0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 1)

Operaciones CFrame

CFrame A = Vista Previa 3D

CFrame B

XYZ

RX°RY°RZ°

CFrame Resultado

Position: (0.00, 0.00, 0.00)

Euler: (0.0°, 0.0°, 0.0°)

¿Tienes una sugerencia?

Solicita una nueva herramienta o sugiere mejoras — ¡únete a nuestra comunidad en Slack!

Dejar feedback en Slack

¿Qué es el Roblox CFrame Visualizer?

El Roblox CFrame Visualizer es una herramienta en línea gratuita para comprender y construir valores CFrame (Coordinate Frame) usados en Roblox Studio. Un CFrame representa una posición y orientación en el espacio 3D — combina una posición Vector3 (X, Y, Z) con una matriz de rotación 3×3. Esta herramienta proporciona una vista previa 3D isométrica interactiva con ejes codificados por colores (Rojo=Derecha/X, Verde=Arriba/Y, Azul=Adelante/-Z), controles deslizantes de ángulos de Euler para un control intuitivo de rotación, y generación automática de código Luau en tres formatos: CFrame.Angles con radianes, envoltorio math.rad y el constructor completo de 12 componentes.

Cómo Usar Este CFrame Visualizer

Establece la posición usando los campos de entrada X, Y, Z o selecciona un preset de orientación
Ajusta los controles deslizantes de ángulos de Euler (Pitch/Yaw/Roll) para rotar el objeto y observa la vista previa 3D actualizarse en tiempo real
Lee la matriz de rotación y copia el código Luau generado en Roblox Studio
Usa las Operaciones CFrame (Multiplicar, Inversa, LookAt) para transformaciones avanzadas
Haz clic en Aplicar al Principal para transferir los resultados de la operación de vuelta al visualizador

Preguntas Frecuentes

¿Qué es un CFrame en Roblox?

Un CFrame (Coordinate Frame) es un tipo de dato de Roblox que almacena tanto la posición como la orientación en el espacio 3D. Contiene una posición Vector3 (X, Y, Z) y una matriz de rotación 3×3. Los CFrames se usan para posicionar y orientar Parts, Models, Cameras y otros objetos en los juegos de Roblox. Los constructores más comunes son CFrame.new(x, y, z) solo para posición y CFrame.Angles(rx, ry, rz) para rotación.

¿En qué orden aplica Roblox las rotaciones de ángulos de Euler?

Roblox usa el orden de rotación intrínseco YXZ. Cuando llamas a CFrame.Angles(rx, ry, rz), las rotaciones se aplican como Ry × Rx × Rz (primero Yaw, luego Pitch, luego Roll). Esto significa que la rotación del eje Y ocurre en el espacio mundial, mientras que las rotaciones de X y Z ocurren relativas al marco ya rotado. Esto es importante de entender al combinar rotaciones.

¿Cómo convierto grados a radianes para CFrame.Angles?

CFrame.Angles() espera ángulos en radianes, no en grados. Usa math.rad() para convertir: CFrame.Angles(math.rad(45), math.rad(90), 0) rota 45° alrededor de X y 90° alrededor de Y. La fórmula es radianes = grados × π / 180. Esta herramienta genera automáticamente código con radianes puros y envoltorios math.rad().

¿Qué significan los ejes de colores en el CFrame Visualizer?

Los tres ejes de colores representan el sistema de coordenadas local del objeto después de la rotación: Rojo es el vector Derecha (eje +X), Verde es el vector Arriba (eje +Y) y Azul es el vector Adelante (eje -Z, siguiendo la convención de Roblox donde -Z apunta hacia adelante). Cuando la rotación es identidad (0,0,0), estos se alinean con los ejes del mundo. Al rotar, los ejes se mueven con el objeto mostrando su nueva orientación.

¿Cómo uso CFrame.lookAt en Roblox?

CFrame.lookAt(fromPosition, targetPosition) crea un CFrame posicionado en fromPosition con su dirección frontal (-Z) apuntando hacia targetPosition. Esto se usa comúnmente para cámaras, NPCs mirando a jugadores o apuntado de proyectiles. El vector Up por defecto es (0,1,0). La operación LookAt de este visualizador te permite experimentar con valores lookAt y ver la rotación resultante.