{"id":96424,"date":"2023-11-08T05:44:59","date_gmt":"2023-11-08T05:44:59","guid":{"rendered":"https:\/\/xana.net\/blog\/?post_type=xanabuilder&#038;p=96424"},"modified":"2024-06-12T07:38:18","modified_gmt":"2024-06-12T07:38:18","slug":"appearance-change","status":"publish","type":"xanabuilder","link":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/","title":{"rendered":"Appearance Change in Virtual Environments: Transforming Avatar Identities"},"content":{"rendered":"\r\n<p class=\"wp-block-paragraph\">Let&#8217;s try transforming an avatar using the &#8220;Appearance Change&#8221; feature.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">What is Avatar Transformation?<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">When an avatar touches an object set with &#8220;Appearance Change,&#8221; it can transform into the set appearance.<\/p>\r\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-96424-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/T5ONiU4n-lnOd3YQs.mp4?_=1\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/T5ONiU4n-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/T5ONiU4n-lnOd3YQs.mp4<\/a><\/video><\/div>\r\n\r\n\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">&nbsp;<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">The current transformations available for avatars are as follows:<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-table\">\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td>Hunter<\/td>\r\n<td>Transforms into the appearance of a hunter.<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Bear<\/td>\r\n<td>Transforms into the appearance of a panda.<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Assets<\/td>\r\n<td>Transforms into the appearance of an object.<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Sakuya<\/td>\r\n<td>Transforms into Sakuya from CryptoNinja.<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Xiaolan<\/td>\r\n<td>Transforms into Xiaolan from CryptoNinja.<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>NEMU<\/td>\r\n<td>Transforms into NEMU from CryptoNinja.<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">How to Set Up Appearance Change<\/h2>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Select an object and click the location marked with a red circle. This will display a list of components.<\/li>\r\n<\/ol>\r\n\r\n\r\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-96424-2\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/hPyVXuFg-lnOd3YQs.mp4?_=2\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/hPyVXuFg-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/hPyVXuFg-lnOd3YQs.mp4<\/a><\/video><\/div>\n\r\n\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">2. Click on &#8220;Appearance Change&#8221;.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/12\/change1.webp\" alt=\"\" class=\"alignnone wp-image-91682 size-full\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/09023152\/change1.webp 1920w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/09023152\/change1-300x169.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/09023152\/change1-1024x576.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/09023152\/change1-768x432.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/09023152\/change1-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">3. The &#8220;Appearance Change&#8221; settings screen will be displayed.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/12\/change2.webp\" alt=\"\" class=\"alignnone wp-image-91683 size-full\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/09023208\/change2.webp 1920w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/09023208\/change2-300x169.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/09023208\/change2-1024x576.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/09023208\/change2-768x432.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/09023208\/change2-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">4. Select the design of the avatar you want to transform into.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/12\/change3.webp\" alt=\"\" class=\"alignnone wp-image-91684 size-full\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/09023227\/change3.webp 1920w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/09023227\/change3-300x169.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/09023227\/change3-1024x576.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/09023227\/change3-768x432.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/12\/09023227\/change3-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">5. Set the duration of the avatar&#8217;s transformation using the slider.<\/p>\r\n\r\n\r\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-96424-3\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/EWpLVpHv-lnOd3YQs.mp4?_=3\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/EWpLVpHv-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/EWpLVpHv-lnOd3YQs.mp4<\/a><\/video><\/div>\n\r\n\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">6. That concludes the setup.<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Let&#8217;s try transforming an avatar using the &#8220;Appearance Change&#8221; feature. What is Avatar Transformation? When an avatar touches an object set with &#8220;Appearance Change,&#8221; it can transform into the set appearance. https:\/\/content.jwplatform.com\/videos\/T5ONiU4n-lnOd3YQs.mp4 &nbsp; The current transformations available for avatars are as follows: Hunter Transforms into the appearance of a hunter. Bear Transforms into the appearance [&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=91681","footnotes":""},"class_list":["post-96424","xanabuilder","type-xanabuilder","status-publish","has-post-thumbnail","hentry","xanabuilder-category-builder-tutorial","en-US"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Appearance Change in Virtual Environments: Transforming Avatar Identities - 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\/appearance-change\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Appearance Change in Virtual Environments: Transforming Avatar Identities - XANA Blog\" \/>\n<meta property=\"og:description\" content=\"Let&#8217;s try transforming an avatar using the &#8220;Appearance Change&#8221; feature. What is Avatar Transformation? When an avatar touches an object set with &#8220;Appearance Change,&#8221; it can transform into the set appearance. https:\/\/content.jwplatform.com\/videos\/T5ONiU4n-lnOd3YQs.mp4 &nbsp; The current transformations available for avatars are as follows: Hunter Transforms into the appearance of a hunter. Bear Transforms into the appearance [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/\" \/>\n<meta property=\"og:site_name\" content=\"XANA Blog\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-12T07:38:18+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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/\",\"url\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/\",\"name\":\"Appearance Change in Virtual Environments: Transforming Avatar Identities - XANA Blog\",\"isPartOf\":{\"@id\":\"https:\/\/xana.net\/blog\/ja\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp\",\"datePublished\":\"2023-11-08T05:44:59+00:00\",\"dateModified\":\"2024-06-12T07:38:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/#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\/appearance-change\/#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\":\"Appearance Change in Virtual Environments: Transforming Avatar Identities\"}]},{\"@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":"Appearance Change in Virtual Environments: Transforming Avatar Identities - 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\/appearance-change\/","og_locale":"en_US","og_type":"article","og_title":"Appearance Change in Virtual Environments: Transforming Avatar Identities - XANA Blog","og_description":"Let&#8217;s try transforming an avatar using the &#8220;Appearance Change&#8221; feature. What is Avatar Transformation? When an avatar touches an object set with &#8220;Appearance Change,&#8221; it can transform into the set appearance. https:\/\/content.jwplatform.com\/videos\/T5ONiU4n-lnOd3YQs.mp4 &nbsp; The current transformations available for avatars are as follows: Hunter Transforms into the appearance of a hunter. Bear Transforms into the appearance [&hellip;]","og_url":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/","og_site_name":"XANA Blog","article_modified_time":"2024-06-12T07:38:18+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":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/","url":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/","name":"Appearance Change in Virtual Environments: Transforming Avatar Identities - XANA Blog","isPartOf":{"@id":"https:\/\/xana.net\/blog\/ja\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/#primaryimage"},"image":{"@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/#primaryimage"},"thumbnailUrl":"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp","datePublished":"2023-11-08T05:44:59+00:00","dateModified":"2024-06-12T07:38:18+00:00","breadcrumb":{"@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/appearance-change\/#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\/appearance-change\/#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":"Appearance Change in Virtual Environments: Transforming Avatar Identities"}]},{"@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\/96424","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=96424"}],"version-history":[{"count":0,"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/xanabuilder\/96424\/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=96424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}