{"id":710,"date":"2024-06-16T22:15:02","date_gmt":"2024-06-16T21:15:02","guid":{"rendered":"https:\/\/jorgeturiel.es\/?p=710"},"modified":"2024-07-15T10:30:36","modified_gmt":"2024-07-15T09:30:36","slug":"castle-game-engine-traslacion-y-rotacion","status":"publish","type":"post","link":"https:\/\/jorgeturiel.es\/?p=710","title":{"rendered":"Castle Game Engine. Traslaci\u00f3n y rotaci\u00f3n"},"content":{"rendered":"\n

En esta entrada aprenderemos a aplicar traslaciones objetos y rotaciones, no solo desde en entorno de Castle Game Engine, sino que lo haremos desde c\u00f3digo.<\/p>\n\n\n\n\n\n\n\n

Preparando la escena.<\/h2>\n\n\n\n

Vamos a preparar una escena en tres dimensiones. Si tienes dudas de como empezar con Castle Game Engine, puede visitar esta entrada del blog<\/a>.<\/p>\n\n\n\n

Crea una escena 3D, y a\u00f1ade un rect\u00e1ngulo en el centro, modifica las dimensiones del rect\u00e1ngulo para su tama\u00f1o en X sea igual a uno, en Y sea igual a siete y en Z sea igual a uno.<\/p>\n\n\n\n

Ahora modifica su posici\u00f3n, para ello cambia la propiedad translation <\/em>del rect\u00e1ngulo que acabas de crear. Y ajusta su valor Y a tres y medio.<\/p>\n\n\n

\n
\"\"
Ajustes de Box1<\/figcaption><\/figure>\n<\/div>\n\n\n

Acabas de realizar tu primera traslaci\u00f3n. Pero lo interesante ser\u00eda realizar desde c\u00f3digo, respondiendo a la pulsaci\u00f3n de unas teclas.<\/p>\n\n\n\n

Usando los componentes en el c\u00f3digo<\/h2>\n\n\n\n

Para ello, lo primero es a\u00f1adir el rect\u00e1ngulo al c\u00f3digo. Abre el editor de c\u00f3digo pulsando F12, y a\u00f1ade la clausula CastleScene<\/em> en la secci\u00f3n uses. Y el en la secci\u00f3n published<\/em> a\u00f1ade una variable llamada Box1, del tipo TCastleBox<\/p>\n\n\n\n

uses Classes,\n  CastleVectors, CastleComponentSerialize,\n  CastleUIControls, CastleControls, CastleKeysMouse, CastleScene, CastleLog,\n  CastleWindow;\n  \n  { Main view, where most of the application logic takes place. }  \n  TViewMain = class(TCastleView)\n  private\n\tOrigen: TVector3;\n\tCentro: TVector3;\n\tRotacion: TVector4;\n  published\n  { Components designed using CGE editor.<\n    These fields will be automatically initialized at Start. }\n\tLabelFps: TCastleLabel;\n    Box1: TCastleBox;    \/\/a\u00f1adimos variable tipo TcastleBox\n\t(...)<\/pre><\/div>\n\n\n\n
El siguiente paso es asignar el rect\u00e1ngulo que tenemos en el editor, a la variable Box1, que acabamos de crear. Esto se hace en el procedimiento Start<\/em>, tal como se muestra en el c\u00f3digo m\u00e1s abajo1<\/a><\/sup>.<\/p>\n\n\n\n
procedure TViewMain.Start;\nbegin\n  inherited;\n  {En algunos casos no es necesario, ver comentario de \n  Michail al final de la entrada   \n  Box1 := DesignedComponent('Box1') as TCastleBox;\n  }\n  end;<\/pre><\/div>\n\n\n\n
Observa, que la variable que creamos anteriormente, le asignamos un el componente Box1<\/em> (que es como se llama en el editor), y le indicamos que es de tipo TCastleBox<\/em>.<\/p>\n\n\n\n
Traslaciones por c\u00f3digo<\/h2>\n\n\n\n
Ahora, solo tenemos que ir al procedimiento Press, <\/em>y a\u00f1adir el el siguiente c\u00f3digo.<\/p>\n\n\n\n
function TViewMain.Press(const Event: TInputPressRelease): boolean;\nvar\n  posicion: TVector3;\nbegin\n  Result := inherited;\n  if Result then Exit; \/\/ allow the ancestor to handle keys\n\n  { This virtual method is executed when user presses\n    a key, a mouse button, or touches a touch-screen.\n\n    Note that each UI control has also events like OnPress and OnClick.\n    These events can be used to handle the \"press\", if it should do something\n    specific when used in that UI control.\n    The TViewMain.Press method should be used to handle keys\n    not handled in children controls.\n  }\n\n  \/\/ Use this to handle keys:\n\n  if Event.IsKey(keyL) then\n  begin\n    Box1.Translation := Box1.Translation + Vector3(0.5, 0, 0);\n    Exit(True);\n  end;\n\n  if Event.IsKey(keyj) then\n  begin\n    Box1.Translation := Box1.Translation + Vector3(-0.5, 0, 0);\n    Exit(True);\n  end;\n\nend;                 <\/pre><\/div>\n\n\n\n
Observa, que para desplazar el rect\u00e1ngulo, simplemente sumamos un nuevo vector a su propiedad Translation<\/em>. El motivo de sumar un vector, es que los objetos est\u00e1 situados en el espacio, y tiene tres coordenadas. En este caso se le suma 0.5 unidades en la coordenada X.<\/p>\n\n\n\n
Rotaciones por c\u00f3digo.<\/h2>\n\n\n\n
Ahora, podemos aplicar una rotaci\u00f3n, podemos hacer los mismo que con la traslaci\u00f3n, sumar a la rotaci\u00f3n actual una nueva rotaci\u00f3n, pero ello usaremos la propiedad Rotation<\/em>. Observa este c\u00f3digo.<\/p>\n\n\n\n
box1.Rotation := Box1.Rotation + Vector4(0, 0, 1, -DegToRad(1));<\/pre><\/div>\n\n\n\n
En este caso, la rotaci\u00f3n se expresa por un vector de cuatro componentes. Los tres primeros indican los ejes a los que se le aplica la rotaci\u00f3n. Si el valor de un eje determinada es uno, se le aplicar\u00e1 una rotaci\u00f3n, cuyo valor es indicado en el \u00faltimo componente del vector. Este valor es indicado en radianes. Como es m\u00e1s c\u00f3modo o intuitivo trabajar con grados, el valor es convertido de grados a radianes.<\/p>\n\n\n\n
La rotaci\u00f3n de un elemento se produce desde d\u00f3nde est\u00e1 su centro. Observa el rect\u00e1ngulo en el editor. En esta imagen se puede ver el punto de rotaci\u00f3n, indicado por un eje de coordenadas.<\/p>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Si deseamos que la rotaci\u00f3n se realice desde otro punto diferente, debemos desplazar el el centro del objeto a d\u00f3nde nos interese. En el este ejemplo, la rotaci\u00f3n del rect\u00e1ngulo se produce desde su punto de apoyo.<\/p>\n\n\n\n
Observa el v\u00eddeo.<\/p>\n\n\n\n
\n