{"id":86202,"date":"2023-11-08T09:11:58","date_gmt":"2023-11-08T09:11:58","guid":{"rendered":"https:\/\/xana.net\/blog\/?post_type=xanabuilder&#038;p=86202"},"modified":"2024-06-14T12:33:04","modified_gmt":"2024-06-14T12:33:04","slug":"transform","status":"publish","type":"xanabuilder","link":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/","title":{"rendered":"Transform 2023: Revolutionizing Object Interaction in Virtual Environments"},"content":{"rendered":"\r\n<p class=\"wp-block-paragraph\">Let&#8217;s try transforming an object using the Transform feature.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">What is Transform?<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><span>It is a game component for transforming objects in the XANA app.<\/span><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><span>There are three types of transformations: &#8216;Position Move,&#8217; &#8216;Scale,&#8217; and &#8216;Tilt.&#8217; By checking the features you want to use, it is possible to use them in combination.<\/span><\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><span>Move between two specified points (Piston Move)<\/span><\/h3>\r\n\r\n\r\n\r\n\r\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-86202-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/rzpSCMcG-lnOd3YQs.mp4?_=1\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/rzpSCMcG-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/rzpSCMcG-lnOd3YQs.mp4<\/a><\/video><\/div>\n\r\n\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Scale the object to two specified sizes (Scale)<\/h3>\r\n\r\n\r\n\r\n\r\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-86202-2\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/YA0Ycn3t-lnOd3YQs.mp4?_=2\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/YA0Ycn3t-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/YA0Ycn3t-lnOd3YQs.mp4<\/a><\/video><\/div>\n\r\n\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Tilt the object towards two specified points (Tilt)<\/h3>\r\n\r\n\r\n\r\n\r\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-86202-3\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/4dSXSJsL-lnOd3YQs.mp4?_=3\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/4dSXSJsL-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/4dSXSJsL-lnOd3YQs.mp4<\/a><\/video><\/div>\n\r\n\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">How to set up Transform<\/h2>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><span>Position Move: Move between two points<\/span><\/h3>\r\n<p class=\"wp-block-heading\">1. Select the object and click on the location of the red circle. This will display a list of components.<\/p>\r\n<!-- \/wp:post-content -->\r\n\r\n<!-- wp:shortcode -->\r\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-86202-4\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/hPyVXuFg-lnOd3YQs.mp4?_=4\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/hPyVXuFg-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/hPyVXuFg-lnOd3YQs.mp4<\/a><\/video><\/div>\r\n<!-- \/wp:shortcode -->\r\n\r\n<!-- wp:paragraph \/-->\r\n\r\n<!-- wp:paragraph -->\r\n<p><span>2. Click on &#8216;Transform&#8217;.<\/span><\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":90985,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/12\/object_transform1-1.webp\" alt=\"\" class=\"alignnone wp-image-90985 size-full\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06134946\/object_transform1-1.webp 1920w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06134946\/object_transform1-1-300x169.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06134946\/object_transform1-1-1024x576.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06134946\/object_transform1-1-768x432.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06134946\/object_transform1-1-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:paragraph -->\r\n<p><span>3. Check the checkbox next to &#8216;Position Move&#8217;.<\/span><\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":90986,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/12\/object_transform1-2.webp\" alt=\"\" class=\"alignnone wp-image-90986 size-full\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135037\/object_transform1-2.webp 1920w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135037\/object_transform1-2-300x169.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135037\/object_transform1-2-1024x576.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135037\/object_transform1-2-768x432.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135037\/object_transform1-2-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:paragraph -->\r\n<p><span>4. Set the details for &#8216;Position Move&#8217;.<\/span><\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":90987,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/12\/object_transform1-3.webp\" alt=\"\" class=\"alignnone wp-image-90987 size-full\" width=\"1762\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135059\/object_transform1-3.webp 1762w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135059\/object_transform1-3-300x184.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135059\/object_transform1-3-1024x628.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135059\/object_transform1-3-768x471.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135059\/object_transform1-3-1536x941.webp 1536w\" sizes=\"(max-width: 1762px) 100vw, 1762px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:table -->\r\n<figure class=\"wp-block-table\">\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td>Start Value<\/td>\r\n<td>Enter the coordinates (x, y, z) for the starting point.<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>End Value<\/td>\r\n<td>Enter the coordinates (x, y, z) for the folding point.<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Speed<\/td>\r\n<td><span>Set the speed for moving between the starting point and the folding point.<\/span><\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Curve Prop<\/td>\r\n<td><span>Set the movement style between the starting point and the folding point.<\/span><\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<figcaption class=\"wp-element-caption\">The settings for &#8216;Position Move&#8217; include:<\/figcaption>\r\n<\/figure>\r\n<!-- \/wp:table -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>5. That&#8217;s all for the settings of &#8216;Position Move&#8217;.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\"level\":3} -->\r\n<h3 class=\"wp-block-heading\">Scale: Enlarge or reduce to two specified sizes.<\/h3>\r\n<p class=\"wp-block-heading\">1. Select the object and click on the location of the red circle. This will display a list of components.<\/p>\r\n<!-- \/wp:heading --><!-- \/wp:list -->\r\n\r\n<!-- wp:shortcode -->\r\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-86202-5\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/hPyVXuFg-lnOd3YQs.mp4?_=5\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/hPyVXuFg-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/hPyVXuFg-lnOd3YQs.mp4<\/a><\/video><\/div>\r\n<!-- \/wp:shortcode -->\r\n\r\n<!-- wp:paragraph --><!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>2. Click on &#8216;Transform&#8217;.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":90985,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/12\/object_transform1-1.webp\" alt=\"\" class=\"alignnone wp-image-90985 size-full\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06134946\/object_transform1-1.webp 1920w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06134946\/object_transform1-1-300x169.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06134946\/object_transform1-1-1024x576.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06134946\/object_transform1-1-768x432.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06134946\/object_transform1-1-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>3. Check the checkbox next to &#8216;Scale&#8217;.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":90988,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/12\/object_transform2-1.webp\" alt=\"\" class=\"alignnone wp-image-90988 size-full\" width=\"1745\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135506\/object_transform2-1.webp 1745w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135506\/object_transform2-1-300x186.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135506\/object_transform2-1-1024x634.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135506\/object_transform2-1-768x475.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135506\/object_transform2-1-1536x951.webp 1536w\" sizes=\"(max-width: 1745px) 100vw, 1745px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>4. Enter the details for &#8216;Scale&#8217;.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":90989,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/12\/object_transform2-2.webp\" alt=\"\" class=\"alignnone wp-image-90989 size-full\" width=\"1745\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135640\/object_transform2-2.webp 1745w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135640\/object_transform2-2-300x186.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135640\/object_transform2-2-1024x634.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135640\/object_transform2-2-768x475.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135640\/object_transform2-2-1536x951.webp 1536w\" sizes=\"(max-width: 1745px) 100vw, 1745px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:table -->\r\n<figure class=\"wp-block-table\">\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td>Start Value<\/td>\r\n<td>Enter the magnification factor for the size before scaling (x, y, z).<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>End Value<\/td>\r\n<td>Enter the magnification factor for the size after scaling (x, y, z).<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Speed<\/td>\r\n<td>Set the speed for scaling.<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Curve Prop<\/td>\r\n<td>Set the movement during the two size changes.<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<figcaption class=\"wp-element-caption\">The settings for &#8216;Scale&#8217; include:<\/figcaption>\r\n<\/figure>\r\n<!-- \/wp:table -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>5. That&#8217;s all for the settings of &#8216;Scale&#8217;.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\"level\":3} -->\r\n<h3 class=\"wp-block-heading\">Tilt: Tilt towards two specified directions.<\/h3>\r\n<p class=\"wp-block-heading\">1. Select the object and click on the location of the red circle. This will display a list of components.<\/p>\r\n<!-- \/wp:list-item --><!-- \/wp:list -->\r\n\r\n<!-- wp:shortcode -->\r\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-86202-6\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/hPyVXuFg-lnOd3YQs.mp4?_=6\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/hPyVXuFg-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/hPyVXuFg-lnOd3YQs.mp4<\/a><\/video><\/div>\r\n<!-- \/wp:shortcode -->\r\n\r\n<!-- wp:paragraph --><!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>2. Click on &#8216;Transform&#8217;.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":90985,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/12\/object_transform1-1.webp\" alt=\"\" class=\"alignnone wp-image-90985 size-full\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06134946\/object_transform1-1.webp 1920w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06134946\/object_transform1-1-300x169.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06134946\/object_transform1-1-1024x576.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06134946\/object_transform1-1-768x432.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06134946\/object_transform1-1-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>3. Check the checkbox next to &#8216;Tilt&#8217;.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":90992,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/12\/object_transform3-1.webp\" alt=\"\" class=\"alignnone wp-image-90992 size-full\" width=\"1734\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135845\/object_transform3-1.webp 1734w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135845\/object_transform3-1-300x187.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135845\/object_transform3-1-1024x638.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135845\/object_transform3-1-768x478.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135845\/object_transform3-1-1536x957.webp 1536w\" sizes=\"(max-width: 1734px) 100vw, 1734px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>4. Enter the details for &#8216;Tilt&#8217;.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:image {\"id\":90993,\"sizeSlug\":\"large\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/12\/object_transform3-2.webp\" alt=\"\" class=\"alignnone wp-image-90993 size-full\" width=\"1734\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135927\/object_transform3-2.webp 1734w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135927\/object_transform3-2-300x187.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135927\/object_transform3-2-1024x638.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135927\/object_transform3-2-768x478.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/06135927\/object_transform3-2-1536x957.webp 1536w\" sizes=\"(max-width: 1734px) 100vw, 1734px\" \/><\/figure>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:table -->\r\n<figure class=\"wp-block-table\">\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td>Start Value<\/td>\r\n<td>Enter the starting tilt of the object in angles (x, y, z).<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>End Value<\/td>\r\n<td>Enter the ending tilt of the object in angles (x, y, z).<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Speed<\/td>\r\n<td>Set the speed for moving the tilt of the object.<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Curve Prop<\/td>\r\n<td>Set the movement style for the tilt.<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<figcaption class=\"wp-element-caption\">The settings for &#8216;Tilt&#8217; include:<\/figcaption>\r\n<\/figure>\r\n<!-- \/wp:table -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>5. That&#8217;s all for the settings of &#8216;Tilt&#8217;.<\/p>","protected":false},"excerpt":{"rendered":"<p>Let&#8217;s try transforming an object using the Transform feature. What is Transform? It is a game component for transforming objects in the XANA app. There are three types of transformations: &#8216;Position Move,&#8217; &#8216;Scale,&#8217; and &#8216;Tilt.&#8217; By checking the features you want to use, it is possible to use them in combination. Move between two specified [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":86226,"comment_status":"open","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","_locale":"en_US","_original_post":"https:\/\/xana.net\/blog\/?post_type=xanabuilder&p=86181","footnotes":""},"class_list":["post-86202","xanabuilder","type-xanabuilder","status-publish","has-post-thumbnail","hentry","en-US"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Transform 2023: Revolutionizing Object Interaction in Virtual Environments - XANA Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Transform 2023: Revolutionizing Object Interaction in Virtual Environments - XANA Blog\" \/>\n<meta property=\"og:description\" content=\"Let&#8217;s try transforming an object using the Transform feature. What is Transform? It is a game component for transforming objects in the XANA app. There are three types of transformations: &#8216;Position Move,&#8217; &#8216;Scale,&#8217; and &#8216;Tilt.&#8217; By checking the features you want to use, it is possible to use them in combination. Move between two specified [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/\" \/>\n<meta property=\"og:site_name\" content=\"XANA Blog\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-14T12:33:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/\",\"url\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/\",\"name\":\"Transform 2023: Revolutionizing Object Interaction in Virtual Environments - XANA Blog\",\"isPartOf\":{\"@id\":\"https:\/\/xana.net\/blog\/ja\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp\",\"datePublished\":\"2023-11-08T09:11:58+00:00\",\"dateModified\":\"2024-06-14T12:33:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/#primaryimage\",\"url\":\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp\",\"contentUrl\":\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/xana.net\/blog\/ja\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"XANA Builder Manual\",\"item\":\"https:\/\/xana.net\/blog\/ja\/manual\/xanabuilder\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Transform 2023: Revolutionizing Object Interaction in Virtual Environments\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/xana.net\/blog\/ja\/#website\",\"url\":\"https:\/\/xana.net\/blog\/ja\/\",\"name\":\"XANA Blog\",\"description\":\"Latest news and insights on the Metaverse,AI &amp; NFTs\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/xana.net\/blog\/ja\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Transform 2023: Revolutionizing Object Interaction in Virtual Environments - XANA Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/","og_locale":"en_US","og_type":"article","og_title":"Transform 2023: Revolutionizing Object Interaction in Virtual Environments - XANA Blog","og_description":"Let&#8217;s try transforming an object using the Transform feature. What is Transform? It is a game component for transforming objects in the XANA app. There are three types of transformations: &#8216;Position Move,&#8217; &#8216;Scale,&#8217; and &#8216;Tilt.&#8217; By checking the features you want to use, it is possible to use them in combination. Move between two specified [&hellip;]","og_url":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/","og_site_name":"XANA Blog","article_modified_time":"2024-06-14T12:33:04+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/","url":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/","name":"Transform 2023: Revolutionizing Object Interaction in Virtual Environments - XANA Blog","isPartOf":{"@id":"https:\/\/xana.net\/blog\/ja\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/#primaryimage"},"image":{"@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/#primaryimage"},"thumbnailUrl":"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp","datePublished":"2023-11-08T09:11:58+00:00","dateModified":"2024-06-14T12:33:04+00:00","breadcrumb":{"@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/#primaryimage","url":"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp","contentUrl":"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/transform\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/xana.net\/blog\/ja\/"},{"@type":"ListItem","position":2,"name":"XANA Builder Manual","item":"https:\/\/xana.net\/blog\/ja\/manual\/xanabuilder\/"},{"@type":"ListItem","position":3,"name":"Transform 2023: Revolutionizing Object Interaction in Virtual Environments"}]},{"@type":"WebSite","@id":"https:\/\/xana.net\/blog\/ja\/#website","url":"https:\/\/xana.net\/blog\/ja\/","name":"XANA Blog","description":"Latest news and insights on the Metaverse,AI &amp; NFTs","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xana.net\/blog\/ja\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/xanabuilder\/86202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/xanabuilder"}],"about":[{"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/types\/xanabuilder"}],"author":[{"embeddable":true,"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/comments?post=86202"}],"version-history":[{"count":0,"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/xanabuilder\/86202\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/media\/86226"}],"wp:attachment":[{"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/media?parent=86202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}