XANA:Builderにオブジェクトを回転させて設置してみよう。
Table of contents
メニューのRotateを使う方法
1. 回転させたいオブジェクトを選択します。
![](https://d1bxytj65yb80p.cloudfront.net/wp-content/uploads/2023/11/object_rotate1.webp)
2. 「Rotate」をクリックします。
![](https://d1bxytj65yb80p.cloudfront.net/wp-content/uploads/2023/11/object_rotate2.webp)
マウスを使ってオブジェクトを前後に傾ける(x軸で回転)
3-1-1. オブジェクトを前後に傾けたい場合、赤の円にカーソルを合わせます。
![](https://d1bxytj65yb80p.cloudfront.net/wp-content/uploads/2023/11/object_rotate3.webp)
3-1-2. カーソルを合わせると黄色の円に色が変わります。
![](https://d1bxytj65yb80p.cloudfront.net/wp-content/uploads/2023/11/object_rotate4.webp)
3-1-3. 色が変わった状態でマウスを上下にドラッグします。するとオブジェクトが前後に傾きます。
マウスを使ってオブジェクトを左右に振る(y軸で回転)
3-2-1. オブジェクトを左右に振りたい場合、黄緑の円にカーソルを合わせます。
![](https://d1bxytj65yb80p.cloudfront.net/wp-content/uploads/2023/11/object_rotate6.webp)
3-2-2. カーソルを合わせると黄色の円に色が変わります。
![](https://d1bxytj65yb80p.cloudfront.net/wp-content/uploads/2023/11/object_rotate7.webp)
3-2-3. 色が変わった状態でマウスを左右にドラッグします。するとオブジェクトが左右に振ります。
マウスを使ってオブジェクトを左右に傾ける(z軸で回転)
3-3-1. オブジェクトを左右に傾けたい場合、青の円にカーソルを合わせます。
![](https://d1bxytj65yb80p.cloudfront.net/wp-content/uploads/2023/11/object_rotate9.webp)
3-3-2. カーソルを合わせると黄色の円に変わります。
![](https://d1bxytj65yb80p.cloudfront.net/wp-content/uploads/2023/11/object_rotate10.webp)
3-3-3. 色が変わった状態でマウスを左右にドラッグします。するとオブジェクトが左右に傾きます。
回転させる角度を数値で入力する方法
オブジェクトを前後に傾ける(x軸で回転)
前後に傾けたい角度の値をRotationのxに直接入力します。
オブジェクトを左右に振る(y軸で回転)
左右に振りたい角度の値をRotationのyに直接入力します。
オブジェクトを左右に傾ける(z軸で回転)
左右に傾けたい角度の値をRotationのzに直接入力します。