1"use strict";(self.webpackChunkfactverse_docs=self.webpackChunkfactverse_docs||[]).push([[11873],{72150:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>r,contentTitle:()=>l,default:()=>p,frontMatter:()=>i,metadata:()=>a,toc:()=>h});const a=JSON.parse('{"id":"manuals/datamesh-studio/previous-versions-studio/datamesh-studio-6-1-user-manual/roles-2","title":"Elements","description":"In DataMesh Studio, elements are all the various types of objects that you can incorporate into your scene. This ranges from 3D models to attachment resources, built-in tool models","source":"@site/.generated/en/docs/manuals/datamesh-studio/previous-versions-studio/datamesh-studio-6-1-user-manual/roles-2.md","sourceDirName":"manuals/datamesh-studio/previous-versions-studio/datamesh-studio-6-1-user-manual","slug":"/manuals/datamesh-studio/previous-versions-studio/datamesh-studio-6-1-user-manual/roles-2","permalink":"/factverse-docs/manuals/datamesh-studio/previous-versions-studio/datamesh-studio-6-1-user-manual/roles-2","draft":false,"unlisted":false,"tags":[],"version":"current","frontMatter":{"slug":"/manuals/datamesh-studio/previous-versions-studio/datamesh-studio-6-1-user-manual/roles-2","title":"Elements","description":"In DataMesh Studio, elements are all the various types of objects that you can incorporate into your scene. This ranges from 3D models to attachment resources, built-in tool models"},"sidebar":"productManuals","previous":{"title":"Reference","permalink":"/factverse-docs/manuals/datamesh-studio/previous-versions-studio/datamesh-studio-6-1-user-manual/reference-2"},"next":{"title":"Scenarios","permalink":"/factverse-docs/manuals/datamesh-studio/previous-versions-studio/datamesh-studio-6-1-user-manual/scenarios"}}');var s=n(74848),o=n(28453);const i={slug:"/manuals/datamesh-studio/previous-versions-studio/datamesh-studio-6-1-user-manual/roles-2",title:"Elements",description:"In DataMesh Studio, elements are all the various types of objects that you can incorporate into your scene. This ranges from 3D models to attachment resources, built-in tool models"},l="Elements",r={},h=[];function c(e){const t={h1:"h1",header:"header",...(0,o.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"elements",children:"Elements"})}),"\n",(0,s.jsx)("div",{className:"manual-preview-content",dangerouslySetInnerHTML:{__html:'<p>In DataMesh Studio, elements are all the various types of objects that you can incorporate into your scene. This ranges from 3D models to attachment resources, built-in tool models, expanded tools, light sources, cameras, and more. You can combine these elements together in order to create organic 3D scenes that can be used for display, training, and demonstrations.</p>\n\n\n\n<h2 class="wp-block-heading has-black-color has-text-color has-link-color wp-elements-0af1436637902ecc81676e8fc92fe4b5"><strong>Models</strong></h2>\n\n\n\n<p>In DataMesh Studio, you can convert a variety of 3D model files into models, which can then be found in your resources tab. To use a 3D model, you need to create it using an external application program and then upload it to the resources of the FactVerse Services platform.<br>Supported file formats for models include: .fbx, .glb, .obj, .stl, .3mf, and .ply.</p>\n\n\n\n<h3 class="wp-block-heading"><strong>Upload models</strong></h3>\n\n\n\n<p>To utilize an external model in DataMesh Studio, you must first upload it through our FactVerse Services platform. There are two ways to do this:</p>\n\n\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li><strong>Directly through FactVerse Services</strong>: You can upload model files directly on the platform. For detailed steps on how to upload a model file, please refer to <em>DataMesh FactVerse User Manual</em>.</li>\n<li><strong>DataMesh Importer</strong>: DataMesh Importer allows you to not only upload models, but also check their structure, materials, and adjust attributes such as color, transparency, metallicity, and smoothness. For more information, please refer to <em>DataMesh Importer User Manual</em>.</li>\n</ul>\n</li>\n</ul>\n\n\n<p>After uploading the model, you can add it to the scene by dragging and dropping it from the <strong>My Resources</strong> section in the <strong>Resources</strong> pane of DataMesh Studio.</p>\n\n\n\n<h3 class="wp-block-heading"><strong>
1Model</strong> <strong>element attributes</strong></h3>\n\n\n\n<p>After dragging a model from the <strong>Resources</strong> pane to the scene in DataMesh Studio, the model will be placed in the scene and automatically selected. At this point, the attributes pane will display the initial attributes of the models, which include <strong>Appear</strong>, <strong>Model Attributes</strong> and <strong>IoT Data Binding</strong>.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="366" height="806" src="https://datamesh.com/wp-content/uploads/2024/01/image074-2.jpg" alt="" class="wp-image-6771" style="width:320px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image074-2.jpg 366w, https://datamesh.com/wp-content/uploads/2024/01/image074-2-136x300.jpg 136w" sizes="(max-width: 366px) 100vw, 366px" /></figure>\n\n\n\n<p><strong>Appear</strong>: This option controls how the model first appears onto the screen. For more detailed information, refer to <em><a href="https://datamesh.com/support/user-manual/datamesh-studio/datamesh-studio-6-1-user-manual/actions-2/#articleTOC_0" title="">Appear</a></em>.</p>\n\n\n\n<p><strong>Model Attributes</strong>: These are settings specific to models, and can only be configured within the first scene that the model appears in.</p>\n\n\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li><strong>Create Negative Space</strong>: This attribute causes an element to become \u201cglobally transparent\u201d during Mixed Reality (MR) mode, which means that any part of a digital element that is behind the globally transparent element in the viewer\u2019s perspective will become transparent as well. This is useful if you want to create a door that leads to a place that should not be physically possible.</li>\n<li><strong>Scale Multiplier</strong>: This is a model-only attribute that increases the sensitivity of the Scale attribute based on the number that you enter. This allows you to make models bigger and smaller than the normal scale attribute allows.</li>\n</ul>\n</li>\n</ul>\n\n\n<p><strong>IoT Data Binding</strong>: This allows you to import external data regarding the behavior of the model in your scenario, such as model movement, rotation, and color changes. This primarily is used to establish a connection between models and digital twin objects. For more detailed information about IoT Data Binding, please refer to <em>IoT Data Driven Instructions</em>.</p>\n\n\n\n<h2 class="wp-block-heading has-black-color has-text-color has-link-color wp-elements-360b26642ed213d30ab323b1f94a5dfd"><strong>Attachment elements</strong></h2>\n\n\n\n<p>Attachment elements refer to 2D resources such as images, videos, audio files, and PDF documents. They provide additional instructions for model structures, operation flows, guidelines, and more. These resources serve as valuable aids in enhancing the scenario experience. To use attachment elements, you need to upload the corresponding resources to the FactVerse Services platform. Once uploaded, you can easily drag and drop them from the My Resources section of the resources pane into the workspace of DataMesh Studio.</p>\n\n\n\n<h3 class="wp-block-heading"><strong>Images</strong></h3>\n\n\n\n<p>Images in your scenario can be used as a background for your virtual environment, diagrams that showcase information that is hard to otherwise convey, and blueprints that present a secondary visual aid. This feature increases the effectiveness of your scenario, especially for visual learners.</p>\n\n\n\n<p>Supported image formats in DataMesh Studio include JPG and PNG.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="451" height="107" src="https://datamesh.com/wp-content/uploads/2024/01/image075.png" alt="" class="wp-image-6774" style="width:300px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image075.png 451w, https://datamesh.com/wp-content/uploads/2024/01/image075-300x71.png 300w" sizes="(max-width: 451px) 100v
1w, 451px" /></figure>\n\n\n\n<p><strong>Always Face User</strong>: This toggles whether or not the image always faces the user, regardless of direction or viewing angle.</p>\n\n\n\n<h3 class="wp-block-heading"><strong>Audio</strong></h3>\n\n\n\n<p>In DataMesh Studio, you can enhance the immersive experience of your scenarios by adding audio files that act as background music or sound effects.</p>\n\n\n\n<p>We recommend using MP3 and OGG formats for audio files in DataMesh Studio.</p>\n\n\n\n<p>To add audio files to the scene, you can simply drag and drop them from <strong>My Resources</strong> to the scene in DataMesh Studio. If you need to adjust the attributes of audio files, such as volume and loop playback, you can select the file and modify its settings in the attributes pane. If you want to remove audio files from the scene, you can select the audio element in the scene and click the delete button.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="480" height="315" src="https://datamesh.com/wp-content/uploads/2024/01/image077.png" alt="" class="wp-image-6778" style="width:360px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image077.png 480w, https://datamesh.com/wp-content/uploads/2024/01/image077-300x197.png 300w" sizes="(max-width: 480px) 100vw, 480px" /></figure>\n\n\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li><strong>Background Music</strong>: This toggles whether this audio file is played in mono, where there is no sense of direction or dimensionality to the sound, or stereo, where the user\u2019s position changes the direction and effect of the audio.</li>\n<li><strong>Hide During Scenario Playback</strong>: This toggles whether or not the audio file is visible when the scenario is in progress.</li>\n<li><strong>Autoplay</strong>: This toggles whether or not the audio file plays automatically.</li>\n<li><strong>Loop</strong>: This toggles whether or not the audio file restarts from the beginning once it has ended.</li>\n<li><strong>Volume</strong>: This allows you to adjust the volume of the audio file.</li>\n</ul>\n</li>\n</ul>\n\n\n<h3 class="wp-block-heading"><strong>Video</strong></h3>\n\n\n\n<p>There are still situations where you would want to include 2D videos in your scenario, such as functioning as a tutorial while the user follows the instructions in the virtual space or imitating a real-life screen to add realism to your simulation.</p>\n\n\n\n<p>We recommend using MP4 and MOV formats for video files.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="439" height="226" src="https://datamesh.com/wp-content/uploads/2024/01/image077-2.jpg" alt="" class="wp-image-6777" style="width:350px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image077-2.jpg 439w, https://datamesh.com/wp-content/uploads/2024/01/image077-2-300x154.jpg 300w" sizes="(max-width: 439px) 100vw, 439px" /></figure>\n\n\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li>Always Face User: This toggles whether or not the video always faces the user, regardless of direction or viewing angle.</li>\n<li>Autoplay: This toggles whether or not the audio file plays automatically.</li>\n<li>Volume: This allows you to adjust the volume of the video file.</li>\n</ul>\n</li>\n</ul>\n\n\n<h3 class="wp-block-heading"><strong>PDF documents</strong></h3>\n\n\n\n<p>In DataMesh Studio, you can add PDF documents to the scene by dragging and dropping them from the resources pane. After adding a PDF file, you can set the default page number to be displayed in the attributes pane. This way, when you navigate to this scene in the scenario, the PDF file will show the specified page number.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="440" height="131" src="https://datamesh.com/wp-content/uploads/2024/01/image078.jpg" alt="" class="wp-image-5466" style="width:350px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image078.jpg 440w, https://datamesh.com/wp-content/uploads/2024/01/image078-300x89.jpg 300w" sizes="(max-width: 440px) 100v
1w, 440px" /></figure>\n\n\n\n<h2 class="wp-block-heading has-black-color has-text-color has-link-color wp-elements-b1578d8aeab30d3798992fe4b2676a06"><strong>Extensions</strong></h2>\n\n\n\n<p>You can design and create custom tools in Unity following the provided tool production specifications. Afterward, use the DataMesh plugin to export your tools as a zip file. Once exported, you can open and view the zip file using DataMesh Importer. You can also upload the zip file to the FactVerse Services platform, making it available as a built-in tool for use in DataMesh Studio.</p>\n\n\n\n<p>You can follow the steps below to add an extension tool:</p>\n\n\n\n<p>1. Open the zip file in the Importer and click the <strong>Save</strong> button to upload the file to the FactVerse Services platform.</p>\n\n\n\n<p>2. Open the libraries tab in the resources pane of DataMesh Studio.</p>\n\n\n\n<p>3. Click the ellipsis \ufe19 icon next to the <strong>Extensions </strong>header and select <strong>New Extension</strong> from the drop-down menu.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="547" height="470" src="https://datamesh.com/wp-content/uploads/2024/01/image080-2.jpg" alt="" class="wp-image-6781" style="width:450px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image080-2.jpg 547w, https://datamesh.com/wp-content/uploads/2024/01/image080-2-300x258.jpg 300w" sizes="(max-width: 547px) 100vw, 547px" /></figure>\n\n\n\n<p>4. In the <strong>New Extension</strong> window, fill in <strong>Name</strong>, and <strong>Type</strong> and select the extension file from the server.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="667" height="547" src="https://datamesh.com/wp-content/uploads/2024/01/image081-1.jpg" alt="" class="wp-image-6784" style="width:520px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image081-1.jpg 667w, https://datamesh.com/wp-content/uploads/2024/01/image081-1-300x246.jpg 300w" sizes="(max-width: 667px) 100vw, 667px" /></figure>\n\n\n\n<p>5. Once configured, you will see the newly added extension under the <strong>Extensions </strong>section.</p>\n\n\n\n<h2 class="wp-block-heading has-black-color has-text-color has-link-color wp-elements-9dbaa7953dd401224009d55fd8758ef1"><strong>Tools</strong></h2>\n\n\n\n<p>DataMesh Studio comes with a multitude of built-in tools which can be found in the libraries tab of the resources pane. These tools can help users in scenario creation. The method of adding these tools is the same as adding regular models: direct drag and drop.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="413" height="862" src="https://datamesh.com/wp-content/uploads/2024/01/image082-2.jpg" alt="" class="wp-image-6792" style="width:320px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image082-2.jpg 413w, https://datamesh.com/wp-content/uploads/2024/01/image082-2-144x300.jpg 144w" sizes="(max-width: 413px) 100vw, 413px" /></figure>\n\n\n\n<h3 class="wp-block-heading"><strong>Text</strong></h3>\n\n\n\n<p>Text is used for showing information, explaining a concept, or describing the purpose of an element in the scene.</p>\n\n\n\n<p>In DataMesh Studio, you can add three types of text: <strong>Textbox</strong>, <strong>Tag</strong> and <strong>Web Tools</strong>.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="500" height="324" src="https://datamesh.com/wp-content/uploads/2024/01/image083-2.jpg" alt="" class="wp-image-6794" style="width:380px;height:auto" srcset="https://datamesh.com/wp-content/uploads/2024/01/image083-2.jpg 500w, https://datamesh.com/wp-content/uploads/2024/01/image083-2-300x194.jpg 300w" sizes="(max-width: 500px) 100v
1w, 500px" /></figure>\n\n\n\n<p><strong>Textbox</strong><strong></strong></p>\n\n\n\n<p>You can add a textbox via dragging and dropping it to the workspace. In the first scene where the text is added, the text will automatically have an appearing animation effect. You can adjust its position and rotation angle just like adjusting a model and resize the text box by dragging its four corners. In the attributes pane below, you can enter the text content and press Enter to create line breaks. Additionally, you can modify the width and height of the textbox, background color, text size, text color, alignment etc. After checking <strong>Always Face User</strong>, the text will always face the user regardless of viewing direction.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="771" height="528" src="https://datamesh.com/wp-content/uploads/2024/01/image084-2.jpg" alt="" class="wp-image-6795" style="width:580px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image084-2.jpg 771w, https://datamesh.com/wp-content/uploads/2024/01/image084-2-300x205.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image084-2-768x526.jpg 768w" sizes="(max-width: 771px) 100vw, 771px" /></figure>\n\n\n\n<p><strong>AI Assistant</strong></p>\n\n\n\n<p>The AI Assistant feature in DataMesh Studio is built upon the FactVerse AI capabilities of the FactVerse Services platform. Users can generate textual content through cconversation with the AI Assistant.</p>\n\n\n\n<p>The workflow for using the AI Assistant is as follows:</p>\n\n\n\n<p>1. On the FactVerse Services platform, create a knowledge base and an AI Assistant. If an AI Assistant is not configured, the system provides a default AI Assistant with no configuration. For more detailed information, please refer to the FactVerse Services User Manual.</p>\n\n\n\n<p>2. In the workspace of DataMesh Studio, add a textbox.</p>\n\n\n\n<p>3. Select the textbox, and in the right-side textbox attributes panel, you can see a <strong>FactVerse AI </strong>tool below the content box.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="430" height="713" src="https://datamesh.com/wp-content/uploads/2024/01/image085-2.jpg" alt="" class="wp-image-6796" style="width:353px;height:auto" srcset="https://datamesh.com/wp-content/uploads/2024/01/image085-2.jpg 430w, https://datamesh.com/wp-content/uploads/2024/01/image085-2-181x300.jpg 181w" sizes="(max-width: 430px) 100vw, 430px" /></figure>\n\n\n\n<p>4. Click the switch icon to display a list of available AI Assistants for content generation. If there are no AI Assistants available for switching, the switch icon will not be displayed, and the system default AI Assistant will be used.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="481" height="223" src="https://datamesh.com/wp-content/uploads/2024/01/image086-2.jpg" alt="" class="wp-image-6797" style="width:321px;height:auto" srcset="https://datamesh.com/wp-content/uploads/2024/01/image086-2.jpg 481w, https://datamesh.com/wp-content/uploads/2024/01/image086-2-300x139.jpg 300w" sizes="(max-width: 481px) 100vw, 481px" /></figure>\n\n\n\n<p>5. Enter a question, and the AI Assistant will automatically generate content and populate the textbox with it.</p>\n\n\n\n<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="865" height="508" src="https://datamesh.com/wp-content/uploads/2024/01/image087-2.jpg" alt="" class="wp-image-6798" style="width:674px;height:auto" srcset="https://datamesh.com/wp-content/uploads/2024/01/image087-2.jpg 865w, https://datamesh.com/wp-content/uploads/2024/01/image087-2-300x176.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image087-2-768x451.jpg 768w" sizes="(max-width: 865px) 100vw, 865px" /></figure>\n\n\n\n<p>6. Click Text to speech button, and a Create audio window will pop up.</p>\n\n\n\n<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="865" height="510" src="https://datamesh.com/wp-content/uploads/2024/01/image088-2.jpg" alt="" class="wp-image-6801" style="width:674px;height:auto" srcset="https://datamesh.com/wp-content/uploads/2024/01/image088-2.jpg 865w, https://datamesh.com/wp-content/uploads/2024/01/image088-2-300x177.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image088-2-768x453.jpg 768w" sizes="(max-width: 865px) 100v
1w, 865px" /></figure>\n\n\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li><strong>Language</strong>: The language of the audio file, currently supporting Chinese, English, Japanese, and Korean.</li>\n<li><strong>Gender</strong>: The gender of the voice for the audio.</li>\n</ul>\n</li>\n</ul>\n\n\n<p>7. After selecting the language and gender, click Confirm to create the voice.</p>\n\n\n\n<p>8. Once created, you can click Audio Preview to listen to the generated audio. Clicking Confirm will add the generated audio content to the text box.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="728" height="436" src="https://datamesh.com/wp-content/uploads/2024/01/image089-1.jpg" alt="" class="wp-image-6802" style="width:501px;height:auto" srcset="https://datamesh.com/wp-content/uploads/2024/01/image089-1.jpg 728w, https://datamesh.com/wp-content/uploads/2024/01/image089-1-300x180.jpg 300w" sizes="(max-width: 728px) 100vw, 728px" /></figure>\n\n\n\n<p>9. When editing the content of a textbox that already has generated audio, you will see a prompt saying, “The text content has been changed and does not match the audio.”<br>Note: This prompt will only appear once during editing. If you reopen the textbox, you will be reminded again when editing.</p>\n\n\n\n<p><strong>Tag</strong></p>\n\n\n\n<p>A <strong>Tag</strong> tool consists of a textbox, a connection line, and an anchor. After adding a tag, you can move it to the desired model by clicking and dragging the anchor point. The anchor point can attach to the surface of the model and move along with it, and the text box will adjust its position accordingly. The properties displayed in the attributes pane for the tag are like those for text boxes. You can modify properties such as the width and height of the tag’s textbox, background color, font size, font color, and alignment. Like text boxes, tags present a textual description to the user, but with the addition of an anchor point that can attach to another element.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="673" height="458" src="https://datamesh.com/wp-content/uploads/2024/01/image084.jpg" alt="" class="wp-image-5491" style="width:580px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image084.jpg 673w, https://datamesh.com/wp-content/uploads/2024/01/image084-300x204.jpg 300w" sizes="(max-width: 673px) 100vw, 673px" /></figure>\n\n\n\n<p><strong>Web Tools</strong></p>\n\n\n\n<p><strong>Web Tools</strong> allows you to embed website content into a scene. You can drag and drop the <strong>Web Tools</strong> from the <strong>Text</strong> tools section into the workspace, and then configure the <strong>Website URL</strong> you want to embed in the attributes pane. During playback, the web tool will display the website on its screen. With the web tool, you can embed various online information, data, or real-time information directly into the scene, and can have simple interactions with the web page, resulting in a more vivid and intuitive presentation effect.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="864" height="417" src="https://datamesh.com/wp-content/uploads/2024/01/image085.jpg" alt="" class="wp-image-5492" style="width:580px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image085.jpg 864w, https://datamesh.com/wp-content/uploads/2024/01/image085-300x145.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image085-768x371.jpg 768w" sizes="(max-width: 864px) 100vw, 864px" /></figure>\n\n\n\n<h3 class="wp-block-heading"><strong>Components</strong></h3>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="487" height="314" src="https://datamesh.com/wp-content/uploads/2024/01/image092-1.jpg" alt="" class="wp-image-6804" style="width:350px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image092-1.jpg 487w, https://datamesh.com/wp-content/uploads/2024/01/image092-1-300x193.jpg 300w" sizes="(max-width: 487px) 100v
1w, 487px" /></figure>\n\n\n\n<h4 class="wp-block-heading">Ruler</h4>\n\n\n\n<p>The Ruler can measure the distance of other elements by identifying their horizontal planes. Stretching the four corners of the ruler aligns both ends of the ruler with the ends of the target element, and the measured length is displayed in the middle of the ruler.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="820" height="485" src="https://datamesh.com/wp-content/uploads/2024/01/image093-1.jpg" alt="" class="wp-image-6806" style="width:620px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image093-1.jpg 820w, https://datamesh.com/wp-content/uploads/2024/01/image093-1-300x177.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image093-1-768x454.jpg 768w" sizes="(max-width: 820px) 100vw, 820px" /></figure>\n\n\n\n<p><strong>Ruler Attributes</strong></p>\n\n\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li><strong>Auto Measure: </strong>When this is enabled, the actual measurement length of the ruler is displayed above it. Otherwise, the content configured in the <strong>Text Attributes</strong> is displayed.</li>\n<li><strong>Left/Right Endpoint: </strong>The X-axis coordinate of the left/right endpoint is relative to the center of the ruler. Therefore, the Left Endpoint can only be entered as a negative value, and the Right Endpoint can only be entered as a positive value.</li>\n<li><strong>Color</strong>: This sets the color of the ruler element.</li>\n<li><strong>Size:</strong> This sets the size of the ruler element.</li>\n</ul>\n</li>\n</ul>\n\n\n<h4 class="wp-block-heading"><strong>Button</strong></h4>\n\n\n\n<p>The button is a tool that can be used to display information and control the order and duration of scenes.</p>\n\n\n\n<p>In the attributes pane, you can change the label of the button, adju
1st its size and color, and set which scene the button will travel to when pushed.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="864" height="512" src="https://datamesh.com/wp-content/uploads/2024/01/image094-1.jpg" alt="" class="wp-image-6807" style="width:620px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image094-1.jpg 864w, https://datamesh.com/wp-content/uploads/2024/01/image094-1-300x178.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image094-1-768x455.jpg 768w" sizes="(max-width: 864px) 100vw, 864px" /></figure>\n\n\n\n<h4 class="wp-block-heading">Guide</h4>\n\n\n\n<p>The guide element is a 2D row of arrows that travel forward in a straight line. DataMesh Studio provides four guide style options that change the appearance of the arrows, and you can also modify the size and movement speed of the arrows.</p>\n\n\n\n<p>You can find <strong>Guide</strong> in the <strong>Components</strong> of the <strong>Libraries</strong> of the <strong>Resources</strong> pane and drag it to the scene. In the attribute area, you can choose distinctive styles and control properties such as the size and position of the marker.</p>\n\n\n\n<h4 class="wp-block-heading">Light Source</h4>\n\n\n\n<p>By default, new scenarios come with two light source elements. They provide lighting effects for the scene, and the light source will be automatically hidden during scenario preview to ensure that the light source itself does not interfere with the scene\u2019s appearance.</p>\n\n\n\n<p>You can use following ways to operate light source:</p>\n\n\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li>Add light source: To add light source, you can drag the <strong>Light Source</strong> component from <strong>Libraries</strong> of <strong>Resources</strong> to the scene. The newly added light source will be displayed in the element list.</li>\n<li>Delete light source: Select the light source to be deleted and click the delete button in the toolbar. Please note that each scene needs to keep at least one light source.</li>\n<li>Edit light source attributes: After selecting the light source, you can edit the light source attributes in the attributes pane area, such as light source <strong>Color</strong>,<strong> Brightness</strong> and <strong>Generate Shadows</strong>\xa0or not etc.</li>\n<li>Add movement to the light source: You can add movement to the light source element which is used to simulate light movement, such as sunrise and sunset, and headlights of a moving vehicle.</li>\n</ul>\n</li>\n</ul>\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="450" height="413" src="https://datamesh.com/wp-content/uploads/2024/01/image095-1.jpg" alt="" class="wp-image-6810" style="width:350px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image095-1.jpg 450w, https://datamesh.com/wp-content/uploads/2024/01/image095-1-300x275.jpg 300w" sizes="(max-width: 450px) 100v
1w, 450px" /></figure>\n\n\n\n<p><strong>Light Source Types</strong></p>\n\n\n\n<p><strong>Directional</strong> <strong>Lights</strong>: This type of light illuminates the entire virtual environment in the same direction and can be thought of as sunlight. The light\u2019s source does not come from the element itself, but from a distant point outside of the environment which can be adjusted by rotating the element.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="864" height="592" src="https://datamesh.com/wp-content/uploads/2024/01/image096-1.jpg" alt="" class="wp-image-6811" style="width:580px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image096-1.jpg 864w, https://datamesh.com/wp-content/uploads/2024/01/image096-1-300x206.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image096-1-768x526.jpg 768w" sizes="(max-width: 864px) 100vw, 864px" /></figure>\n\n\n\n<p><strong>Point</strong> <strong>Lights</strong>: This creates a localized light source that illuminates the surrounding environment within a specified radius. Its brightness will decay with distance and will eventually disappear completely once you are out of its range. Point light is commonly used to simulate weaker light sources such as candles, lanterns, or light bulbs.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="853" height="585" src="https://datamesh.com/wp-content/uploads/2024/01/image097-1.jpg" alt="" class="wp-image-6812" style="width:580px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image097-1.jpg 853w, https://datamesh.com/wp-content/uploads/2024/01/image097-1-300x206.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image097-1-768x527.jpg 768w" sizes="(max-width: 853px) 100vw, 853px" /></figure>\n\n\n\n<p><strong>Spot Lights</strong>: This type of light narrows its range into a cone shape, similar to a flashlight. Its brightness also decays with distance, but the spread of its range will widen as well. Conical light is commonly used to simulate spotlights, flashlights, and classic desk lamps.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="865" height="511" src="https://datamesh.com/wp-content/uploads/2024/01/image098-1.jpg" alt="" class="wp-image-6813" style="width:580px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image098-1.jpg 865w, https://datamesh.com/wp-content/uploads/2024/01/image098-1-300x177.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image098-1-768x454.jpg 768w" sizes="(max-width: 865px) 100vw, 865px" /></figure>\n\n\n\n<p><strong>Color</strong></p>\n\n\n\n<p>In DataMesh Studio, the default color of a light source is white. You can change the color of the light source to change the color of the light that shines on the object. Generally, white light sources are suitable for “ordinary” lighting used to shade objects.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="865" height="591" src="https://datamesh.com/wp-content/uploads/2024/01/image099-1.jpg" alt="" class="wp-image-6814" style="width:580px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image099-1.jpg 865w, https://datamesh.com/wp-content/uploads/2024/01/image099-1-300x205.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image099-1-768x525.jpg 768w" sizes="(max-width: 865px) 100vw, 865px" /></figure>\n\n\n\n<p><strong>Brightness</strong></p>\n\n\n\n<p><strong>Brightness</strong> refers to the brightness of the light emitted by the light source, which can be adjusted in the range of 0.01-5.00. By adjusting the light intensity, you can change the brightness of the light shining on the object.</p>\n\n\n\n<p><strong>Generate Shadows</strong></p>\n\n\n\n<p>This option toggles whether or not elements generate shadows from this element\u2019s light.</p>\n\n\n\n<h3 class="wp-block-heading"><strong>Shape</strong></h3>\n\n\n\n<p>Our library also provides several 3D shapes for you to utilize, which include Pyramids, Spheres, Cylinders, Cubes, and Arrows. You can change the color of every shape, and there are multiple other customization options that are unique for each shape.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="554" height="302" src="https://datamesh.com/wp-content/uploads/2024/01/image100-1.jpg" alt="" class="wp-image-6815" style="width:400px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image100-1.jpg 554w, https://datamesh.com/wp-content/uploads/2024/01/image100-1-300x164.jpg 300w" sizes="(max-width: 554px) 100vw, 554px" /></figure>\n\n\n\n<p>You can set attributes of shape model in the attributes pane, such as <strong>shape</strong>, <strong>color</strong>, <strong>base area</strong>, and <strong>height</strong> of pyramid.</p>\n\n\n\n<h3 class="wp-block-heading"><strong>
1Symbols</strong></h3>\n\n\n\n<p>Our library includes several universal symbols that may be relevant based on the needs of your simulation: <strong>Correct</strong>, <strong>Incorrect</strong>, <strong>Warning</strong>, and <strong>Electricity Hazard</strong>. Symbols are important because they can be applied to multiple different situations and their meanings are instantly comprehensible regardless of language barriers or literacy levels, making your scenario more accessible to all viewers.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="500" height="269" src="https://datamesh.com/wp-content/uploads/2024/01/image101-1.jpg" alt="" class="wp-image-6816" style="width:400px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image101-1.jpg 500w, https://datamesh.com/wp-content/uploads/2024/01/image101-1-300x161.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></figure>\n\n\n\n<h3 class="wp-block-heading"><strong>Hand Gestures</strong></h3>\n\n\n\n<p>Our library includes three types of 3D hand gesture models: Hold, Reach and Point. These elements can be used to convey meaning, machine operation instructions, and examples of what not to do. The hands can be swapped between left and right in the attribute panel, so that you can simulate both hands of the same person doing different things.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="864" height="511" src="https://datamesh.com/wp-content/uploads/2024/01/image102-1.jpg" alt="" class="wp-image-6817" style="width:620px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image102-1.jpg 864w, https://datamesh.com/wp-content/uploads/2024/01/image102-1-300x177.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image102-1-768x454.jpg 768w" sizes="(max-width: 864px) 100vw, 864px" /></figure>\n\n\n\n<h3 class="wp-block-heading"><strong>IoT Data Pane</strong></h3>\n\n\n\n<p><strong>IoT Data Pane</strong> can be used to display real-time IoT data and simulated data. You can select data in the attributes pane, and set the background color, font size, alignment, title and select digital twins.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="861" height="510" src="https://datamesh.com/wp-content/uploads/2024/01/image103-1.jpg" alt="" class="wp-image-6818" style="width:620px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image103-1.jpg 861w, https://datamesh.com/wp-content/uploads/2024/01/image103-1-300x178.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image103-1-768x455.jpg 768w" sizes="(max-width: 861px) 100vw, 861px" /></figure>\n\n\n\n<p><strong>IoT data binding</strong></p>\n\n\n\n<p>Click <strong>+ Select Twins</strong>, a Digital Twin list will pop up. This list displays all the digital twins\u2019 names under this account and supports searching by the digital twin\u2019s name. After selecting digital twins, the original <strong>+ Select Twins </strong>UIwill change to the name of the selected digital twin. Click the name of the selected digital twins, you can select digital twins again.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="526" height="423" src="https://datamesh.com/wp-content/uploads/2024/01/image104-1.jpg" alt="" class="wp-image-6819" style="width:360px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image104-1.jpg 526w, https://datamesh.com/wp-content/uploads/2024/01/image104-1-300x241.jpg 300w" sizes="(max-width: 526px) 100vw, 526px" /></figure>\n\n\n\n<p>For more details of IoT Data Binding, please refer to <em>IoT Data Driven Instructions</em>.</p>\n\n\n\n<h3 class="wp-block-heading"><strong>Arrow</strong></h3>\n\n\n\n<p>Our library includes many different arrows that can be applied to a multitude of different situations.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="477" height="441" src="https://datamesh.com/wp-content/uploads/2024/01/image105-1.jpg" alt="" class="wp-image-6820" style="width:360px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image105-1.jpg 477w, https://datamesh.com/wp-content/uploads/2024/01/image105-1-300x277.jpg 300w" sizes="(max-width: 477px) 100v
1w, 477px" /></figure>\n\n\n\n<h3 class="wp-block-heading"><strong>Special Effects</strong></h3>\n\n\n\n<p>DataMesh Studio contains many special effects tools, including <strong>Lightening</strong>, <strong>Water Leak</strong>, <strong>Fire</strong> and <strong>Gas Leak</strong>.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="563" height="677" src="https://datamesh.com/wp-content/uploads/2024/01/image106-1.jpg" alt="" class="wp-image-6821" style="width:360px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image106-1.jpg 563w, https://datamesh.com/wp-content/uploads/2024/01/image106-1-249x300.jpg 249w" sizes="(max-width: 563px) 100vw, 563px" /></figure>\n\n\n\n<p>You can drag special effects tool to the scene from <strong>Special Effects </strong>of <strong>Libraries</strong> of <strong>Resources</strong> pane and configure model attributes in the attributes pane.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="437" height="443" src="https://datamesh.com/wp-content/uploads/2024/01/image101.jpg" alt="" class="wp-image-5590" style="width:320px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image101.jpg 437w, https://datamesh.com/wp-content/uploads/2024/01/image101-296x300.jpg 296w, https://datamesh.com/wp-content/uploads/2024/01/image101-100x100.jpg 100w" sizes="(max-width: 437px) 100vw, 437px" /></figure>\n\n\n\n<p>The attribute descriptions for special effects are as follows:</p>\n\n\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li><strong>Color</strong>: Changes the color of the special effect.</li>\n<li><strong>Life Cycle</strong>: Sets how long the special effect exists, in seconds.</li>\n<li><strong>Initial Speed</strong>: Set the initial speed of the special effect.</li>\n<li><strong>Particle Quantity:</strong> Set the quantity of particles included in the special effect.</li>\n<li><strong>Direction: </strong>Set the direction of particle movement in the special effect.</li>\n</ul>\n</li>\n</ul>\n\n\n<h2 class="wp-block-heading has-black-color has-text-color has-link-color wp-elements-0874bd180d9b5911f3e67f64c0ce7f36"><strong>Camera</strong></h2>\n\n\n\n<p>Similar to the light source element, all scenarios start out with one camera. However, the camera cannot be deleted, and more cameras cannot be added. Since the camera defines what the viewer sees from the scenario, there has to be exactly one in every scene. By adjusting the camera\u2019s position, rotation, and field of view, you can achieve various lens and motion effects. This capability enables you to incorporate diverse perspectives into the scenario, resulting in a more immersive and captivating experience for viewers of your scenario.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="129" height="123" src="https://datamesh.com/wp-content/uploads/2024/01/image102.jpg" alt="" class="wp-image-5591" style="width:100px"/></figure>\n\n\n\n<p><strong>Camera Attributes</strong> and <strong>Camera POV</strong> settings are shown in the figure below:</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="301" height="303" src="https://datamesh.com/wp-content/uploads/2024/01/image-109.jpg" alt="" class="wp-image-6845" srcset="https://datamesh.com/wp-content/uploads/2024/01/image-109.jpg 301w, https://datamesh.com/wp-content/uploads/2024/01/image-109-298x300.jpg 298w, https://datamesh.com/wp-content/uploads/2024/01/image-109-150x150.jpg 150w, https://datamesh.com/wp-content/uploads/2024/01/image-109-100x100.jpg 100w" sizes="(max-width: 301px) 100vw, 301px" /></figure>\n\n\n\n<p><strong>Camera Attribute</strong></p>\n\n\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li><strong>Apply Camera Movement</strong>: This option is enabled by default, which means that any movement effects you have set for the camera will occur during the preview. If you are viewing a scenario made using previous versions of this application, you may
1need to deselect this due to compatibility issues.</li>\n<li><strong>Disable Preview Movement</strong>: This option is only available when the Apply Camera Movement setting is enabled. If this option is checked, users cannot move the camera during a preview, and can only follow the camera\u2019s preconfigured path. If this option is not checked, users can freely adjust the camera angle during the preview.</li>\n</ul>\n</li>\n</ul>\n\n\n<p><strong>Camera POV</strong></p>\n\n\n\n<p>There are two buttons under <strong>Camera POV</strong>:</p>\n\n\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li><strong>Get Camera POV</strong>: This function changes your view of the scene to your camera\u2019s current point of view.</li>\n<li><strong>Set Camera POV</strong>: This function changes the camera\u2019s point of view to your current view of the scene.</li>\n</ul>\n</li>\n</ul>\n\n\n<h3 class="wp-block-heading"><strong>How to move the camera in a straight line</strong></h3>\n\n\n\n<p>When the view in the scene needs to change, such as bringing the camera closer or further away from the target position, orbiting or hovering around the target position, etc., you need to add pose action for the camera. After adding the action, dragging the camera with the mouse will show a straight-line path from the camera element’
1s initial position to the mouse position. At the same time, moving or rotating the camera will refresh the camera movement effect in the attributes pane.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="1311" height="895" src="https://datamesh.com/wp-content/uploads/2024/01/image110-1.jpg" alt="" class="wp-image-6847" style="width:580px;height:auto" srcset="https://datamesh.com/wp-content/uploads/2024/01/image110-1.jpg 1311w, https://datamesh.com/wp-content/uploads/2024/01/image110-1-300x205.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image110-1-1024x699.jpg 1024w, https://datamesh.com/wp-content/uploads/2024/01/image110-1-768x524.jpg 768w" sizes="(max-width: 1311px) 100vw, 1311px" /></figure>\n\n\n\n<p>You can follow below steps to add camera movement in straight line:</p>\n\n\n\n<p>1. Click on the camera to select it, then navigate to the attributes pane and check <strong>Apply Camera Movement</strong>.</p>\n\n\n\n<p>2. In the attributes pane, click the button <img loading="lazy" decoding="async" width="29" height="33" class="wp-image-5620" style="width: 29px;" src="https://datamesh.com/wp-content/uploads/2024/01/image105.jpg" alt=""> next to the element name, then select <strong>Movement</strong>.</p>\n\n\n\n<p>3. To add a linear movement to the camera, make sure that the Curved Path option is disabled. Then, you can use either of the following two methods:</p>\n\n\n<p style="padding-left: 40px;">a). Method 1: Drag the camera to where you would like it to move to, and you can rotate it to change its angle as well. You should see a blue and white line connecting the camera to its old position, which represents the path that the camera will take to reach its new location.</p>\n<p style="padding-left: 40px;">b). Method 2: Change your view of the scene to what you would like the next camera angle to be, then select the camera in the elements pane. In the attributes pane, press the blue <strong>Set Camera POV</strong>\xa0button that is located underneath the <strong>Camera POV</strong> This will bring the camera to your location and set the camera\u2019s point of view as what you currently see in the workspace.</p>\n\n\n<p>4. In the attributes pane, you can change both the duration value to control how fast the camera moves to its new location, and the movement type in order to control its acceleration along the path.</p>\n\n\n\n<p>5. Repeat Step 2-4 to add multiple linear camera movements. You can create a motion trajectory consisting of multiple straight-line segments, as shown in the figure below:</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="576" height="210" src="https://datamesh.com/wp-content/uploads/2024/01/image106.jpg" alt="" class="wp-image-5609" style="width:550px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image106.jpg 576w, https://datamesh.com/wp-content/uploads/2024/01/image106-300x109.jpg 300w" sizes="(max-width: 576px) 100vw, 576px" /></figure>\n\n\n\n<h3 class="wp-block-heading"><strong>How to move the camera in a curved path</strong></h3>\n\n\n\n<p>Camera movement in curved path is an advanced camera movement. By using at least three path points, you can freely configure the positions of these points to create various camera movements in curved path. Compared to camera movement in straight-line path, curved camera movements make your scenario more dynamic and visually impactful. Camera movement in curved path is shown in the figure below:</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="790" height="365" src="https://datamesh.com/wp-content/uploads/2024/01/image107.jpg" alt="" class="wp-image-5617" style="width:580px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image107.jpg 790w, https://datamesh.com/wp-content/uploads/2024/01/image107-300x139.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image107-768x355.jpg 768w" sizes="(max-width: 790px) 100v
1w, 790px" /></figure>\n\n\n\n<p>To use curved camera movement, you need to enable the camera movement feature in <strong>Camera Attribute</strong>, and then add pose action to the camera. You can set <strong>Movement</strong> parameters such as <strong>Face the Path</strong> and <strong>Control Point</strong> to achieve the desired curve path effect.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="390" height="867" src="https://datamesh.com/wp-content/uploads/2024/01/image114-1.jpg" alt="" class="wp-image-6828" style="width:300px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image114-1.jpg 390w, https://datamesh.com/wp-content/uploads/2024/01/image114-1-135x300.jpg 135w" sizes="(max-width: 390px) 100vw, 390px" /></figure>\n\n\n\n<p>Here are some of the camera attributes that you will need to know in order to move the camera in a curved path.</p>\n\n\n\n<p><strong>Curved Path</strong>: Enabling this option allows the camera\u2019s path to curve around control points.</p>\n\n\n\n<p><strong>Face the Path</strong>: The camera direction always stays aligned with the path direction.</p>\n\n\n\n<p><strong>Control Point</strong>: These are points along the camera\u2019s path that guide the way that the path curves. You can set as many as you want, and setting multiple points along one curve allows for more gradual and smoother camera movements.</p>\n\n\n\n<p>The steps to create a camera movement in curved path are as follows:</p>\n\n\n\n<p>1. Click to select the camera in the <strong>Elements</strong> pane and choose <strong>Apply Camera Movement</strong> in the attributes pane to enable camera movement.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="1321" height="779" src="https://datamesh.com/wp-content/uploads/2024/01/image115.jpg.png" alt="" class="wp-image-6850" style="width:620px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image115.jpg.png 1321w, https://datamesh.com/wp-content/uploads/2024/01/image115.jpg-300x177.png 300w, https://datamesh.com/wp-content/uploads/2024/01/image115.jpg-1024x604.png 1024w, https://datamesh.com/wp-content/uploads/2024/01/image115.jpg-768x453.png 768w" sizes="(max-width: 1321px) 100vw, 1321px" /></figure>\n\n\n\n<p>2. Click the button <img loading="lazy" decoding="async" width="29" height="33" class="wp-image-5620" style="width: 29px;" src="https://datamesh.com/wp-content/uploads/2024/01/image105.jpg" alt=""> near the element name to add a <strong>Movement</strong> action to the camera.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="454" height="510" src="https://datamesh.com/wp-content/uploads/2024/01/image117-1.jpg" alt="" class="wp-image-6831" style="width:350px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image117-1.jpg 454w, https://datamesh.com/wp-content/uploads/2024/01/image117-1-267x300.jpg 267w" sizes="(max-width: 454px) 100vw, 454px" /></figure>\n\n\n\n<p>3. In the attributes pane, set <strong>Duration</strong> and check <strong>Curved Path</strong> for the <strong>Movement</strong> action.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="465" height="733" src="https://datamesh.com/wp-content/uploads/2024/01/image118.jpg" alt="" class="wp-image-6832" style="width:300px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image118.jpg 465w, https://datamesh.com/wp-content/uploads/2024/01/image118-190x300.jpg 190w" sizes="(max-width: 465px) 100vw, 465px" /></figure>\n\n\n\n<p>4. To add a curved movement to the camera, make sure that the Curved Path option is enabled. Then, you can use either of the following two methods:</p>\n\n\n<p style="padding-left: 40px;">a). Method 1: Drag the camera along the path you would like it to follow and press the blue button <strong>Create a control point at the current position</strong>\xa0in the attributes pane when you would like the path to curve. You can also rotate the camera before doing so, and the camera will turn in that direction during the motion. Depending on your desired path, you may
1need to add multiple control points per curve.</p>\n<p style="padding-left: 40px;">b). Method 2: Click on the blue button <strong>Set Camera POV</strong> to change your view to the camera\u2019s point of view. Then, move your view around the virtual environment in the same way you would like the camera to move, and use the <strong>Create a control point at the current position</strong>\xa0button to set control points when you would like to curve the camera in another direction. The more control points you set, the more accurate the camera will be when replicating your movements.</p>\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="247" height="290" src="https://datamesh.com/wp-content/uploads/2024/01/image119-1.jpg" alt="" class="wp-image-6836" style="width:300px;height:auto"/></figure>\n\n\n\n<p>5. Repeat the previous step until you have achieved your desired movement. You can also edit the position and rotation of your camera during previous control points by selecting a control point, then adjusting the camera accordingly.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="593" height="406" src="https://datamesh.com/wp-content/uploads/2024/01/image114.jpg" alt="" class="wp-image-5613" style="width:520px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image114.jpg 593w, https://datamesh.com/wp-content/uploads/2024/01/image114-300x205.jpg 300w" sizes="(max-width: 593px) 100vw, 593px" /></figure>\n\n\n\n<h2 class="wp-block-heading has-black-color has-text-color has-link-color wp-elements-0544aa0d52e91550abc0d49b8bbdb45a"><strong>Element operations</strong></h2>\n\n\n\n<h3 class="wp-block-heading"><strong>Add an element</strong></h3>\n\n\n\n<p>To add an element to your scene, select the element from the resources pane and directly drag it into the workspace.</p>\n\n\n\n<h3 class="wp-block-heading"><strong>Hide or show an element</strong></h3>\n\n\n\n<p>If you hover over an element\u2019s name in the elements pane, a button will appear. Press this button to toggle the element\u2019s visibility.</p>\n\n\n\n<h3 class="wp-block-heading"><strong>Delete <strong>an element</strong></strong></h3>\n\n\n\n<p>To delete an element, select it by clicking on its model in the workspace or its name in the elements pane. Then, press the delete icon in the toolbar or the delete button on your keyboard to remove the element from all scenes.</p>\n\n\n\n<p><strong>Note</strong>: Elements can only be deleted in their first appearance scene.</p>\n\n\n\n<h3 class="wp-block-heading"><strong>Select an element</strong></h3>\n\n\n\n<p>To select an element, click on its model in the workspace or its name in the elements pane. A selected element will have an orange outline around it (blue for special elements like light sources and cameras), along with corner lines that can be dragged to change its size and buttons that can be dragged to rotate it or change its elevation. Dragging anywhere within the corner lines allows you to change the element\u2019s position on the horizontal plane.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="566" height="543" src="https://datamesh.com/wp-content/uploads/2024/01/image115.jpg" alt="" class="wp-image-5614" style="width:400px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image115.jpg 566w, https://datamesh.com/wp-content/uploads/2024/01/image115-300x288.jpg 300w" sizes="(max-width: 566px) 100vw, 566px" /></figure>\n\n\n\n<h3 class="wp-block-heading"><strong>Adjust the movement of an element</strong></h3>\n\n\n\n<p>When the element is in the state of the <strong>Appear</strong> action or <strong>Movement</strong>, you can position and adjust the posture of the element by panning, rotating, scaling, and adjusting the height.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="511" height="503" src="https://datamesh.com/wp-content/uploads/2024/01/image116.jpg" alt="" class="wp-image-5615" style="width:400px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image116.jpg 511w, https://datamesh.com/wp-content/uploads/2024/01/image116-300x295.jpg 300w" sizes="(max-width: 511px) 100v
1w, 511px" /></figure>\n\n\n\n<p>Here are the simple steps to perform these operations:</p>\n\n\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li>Horizontal Movement: After selecting an element, you can drag it anywhere within the highlighted corner lines in order to move it across the horizontal plane. You can also manually change its X and Z coordinates in the attributes pane to fine-tune its new position. When the selection highlight is pink instead of orange or blue, this means that the model cannot be moved in its current state. This occurs when the element\u2019s subcomponents are spread out due to the disassemble effect, or when the element is currently applying the cross-section effect.</li>\n<li>Resize: After selecting an element, you can drag the corners of the selection box to change its size during the scene. You can also change its scale attribute, which will affect its size.</li>\n<li>Rotation: After selecting an element, drag the rotation arrows above, below, or to the right of the selection highlight to rotate the element during the scene. You can also manually input the rotation angle in the attribute pane for precise adjustment.</li>\n<li>Vertical Movement: After selecting an element, you can drag the double arrow icon to the left of the highlight up or down to adjust its vertical movement during the scene. You can also manually input the Y-axis value in the attribute pane.</li>\n</ul>\n</li>\n</ul>\n\n\n<h3 class="wp-block-heading"><strong>Move an element via Directional Movement</strong></h3>\n\n\n\n<p>Using the move tool can quickly and accurately move the element along a straight line, especially when you need to move the element to a precisely positioned location.</p>\n\n\n\n<p>Here are the simple steps to drag the element along a straight line using Directional Movement:</p>\n\n\n<ol>\n<li style="list-style-type: none;">\n<ol>\n<li>Click<strong> Tools</strong> in the toolbar and select <strong>Directional Movement</strong>.</li>\n<li>Select the element that you want to move in a straight line during the scene.</li>\n<li>Three cone-shaped arrows will appear, which each correspond to an axis in the 3D space. Dragging an arrow will move the element along the corresponding axis in a straight line.</li>\n</ol>\n</li>\n</ol>\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="502" height="415" src="https://datamesh.com/wp-content/uploads/2024/01/image117.jpg" alt="" class="wp-image-5616" style="width:380px" srcset="https://datamesh.com/wp-content/uploads/2024/01/image117.jpg 502w, https://datamesh.com/wp-content/uploads/2024/01/image117-300x248.jpg 300w" sizes="(max-width: 502px) 100vw, 502px" /></figure>\n\n\n\n<p>4. After dragging the element to the desired position, release the mouse button to complete the move operation.</p>\n\n\n\n<h3 class="wp-block-heading"><strong>Multiple selection</strong></h3>\n\n\n\n<p>When you need to perform the same action on multiple elements at the same time, you can use the multiple selection operation. To do this, hold down the Ctrl key and add elements to your selection by clicking their model in the workspace or their name in the elements pane.</p>\n\n\n\n<p>After selecting multiple elements, you can perform the following operations on them:</p>\n\n\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li>Move and rotate: Adjust the position and rotation angle of multiple elements by moving and rotating the multi-selected elements.</li>\n<li>Copy and paste: Use Ctrl + C and Ctrl + V to copy and paste these elements.</li>\n<li>Delete multiple selected elements: Click the delete button in the toolbar to delete multiple elements at once. Note: Sub-elements cannot be deleted.</li>\n<li>Set the center point of multi-selected elements: You can set the central point of all the selected elements in the attributes pane, which affects their behavior when rotated.\n<ul>\n<li><strong>Central Location</strong>: The center point is the central location of the bounding box for all selected elements. It is a default option.</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p><img loading="lazy" decoding="async" class="wp-image-6855 size-medium aligncenter" src="https://datamesh.com/wp-content/uploads/2024/01/image125-1-1-300x180.jpg" alt="" width="300" height="180" srcset="https://datamesh.com/wp-content/uploads/2024/01/image125-1-1-300x180.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image125-1-1.jpg 322w" sizes="(max-width: 300px) 100v
1w, 300px" /></p>\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li><strong>Central Elements</strong>: Select one element as the center point from the selected elements.</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p><img loading="lazy" decoding="async" class="wp-image-6857 size-medium aligncenter" src="https://datamesh.com/wp-content/uploads/2024/01/image126-1-300x198.jpg" alt="" width="300" height="198" srcset="https://datamesh.com/wp-content/uploads/2024/01/image126-1-300x198.jpg 300w, https://datamesh.com/wp-content/uploads/2024/01/image126-1.jpg 505w" sizes="(max-width: 300px) 100vw, 300px" /></p>\n\n\n<h3 class="wp-block-heading"><strong>Group elements</strong></h3>\n\n\n\n<p>The grouping function behaves like a more permanent form of multiple selection; it combines multiple elements into a single entity and creates a new group element in the elements pane. To create a new group, select all elements that you would like to include, then press the group button <img loading="lazy" decoding="async" width="31" height="30" class="wp-image-5395" style="width: 31px;" src="https://datamesh.com/wp-content/uploads/2024/01/image012.jpg" alt=""> in the toolbar.</p>\n\n\n\n<p>You can perform the following operations on the group:</p>\n\n\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li>Move and rotate: You can adjust the position and rotation angle of the group by moving and rotating it.</li>\n<li>Ungroup: Select a group, then press the ungroup button <img loading="lazy" decoding="async" class="alignnone size-full wp-image-5396" src="https://datamesh.com/wp-content/uploads/2024/01/image013.jpg" alt="" width="30" height="30" /> \xa0in the toolbar to disband the group. This causes the group element in the elements pane to disappear, and all elements previously in the group will now behave independently of each other. If you had groups within the disbanded group, those elements would remain grouped.</li>\n<li>Rename: The default name of a group is “Group” followed by a sequence number, such as Group1, Group2. After creating the group, you can modify the group name in the attributes pane.</li>\n<li>Set the center point of the group: You can set the central point of the group in the attributes pane, which affects their behavior when rotated.\n<ul>\n<li style="list-style-type: none;">\n<ul>\n<li><strong>Central Location</strong>: The center point is the central location of the bounding box for the group. It is a default option.</li>\n<li><strong>Central Elements</strong>: Select one element as the center point from the group.</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n\n\n<p><strong>Note</strong>: When you click on an element that belongs to a group, the system will prioritize selecting the group. If you need to select a specific element within the group, click on that element when the group is selected.</p>'}})]})}function p(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},28453:(e,t,n)=>{n.d(t,{R:()=>i,x:()=>l});var a=n(96540);const s={},o=a.createContext(s);function i(e){const t=a.useContext(o);return a.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:i(e.components),a.createElement(o.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.