https://datamesh.com/factverse-docs/assets/js/d546827b.e10fbbe7.js

1"use strict";(self.webpackChunkfactverse_docs=self.webpackChunkfactverse_docs||[]).push([[15805],{35264:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>l,contentTitle:()=>r,default:()=>h,frontMatter:()=>p,metadata:()=>a,toc:()=>i});const a=JSON.parse('{"id":"manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-4/scenes-6","title":"Scenes","description":"In DataMesh Studio, scenarios are organized into scenes. Each scenario can have one or more scenes, with elements like 3D models, images, videos, music, lights, and cameras. Users ","source":"@site/.generated/en/docs/manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-4/scenes-6.md","sourceDirName":"manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-4","slug":"/manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-4/scenes-6","permalink":"/factverse-docs/manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-4/scenes-6","draft":false,"unlisted":false,"tags":[],"version":"current","frontMatter":{"slug":"/manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-4/scenes-6","title":"Scenes","description":"In DataMesh Studio, scenarios are organized into scenes. Each scenario can have one or more scenes, with elements like 3D models, images, videos, music, lights, and cameras. Users "},"sidebar":"productManuals","previous":{"title":"Scenario Courseware","permalink":"/factverse-docs/manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-4/scenario-courseware"},"next":{"title":"Storyline","permalink":"/factverse-docs/manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-4/storyline-3"}}');var t=s(74848),o=s(28453);const p={slug:"/manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-4/scenes-6",title:"Scenes",description:"In DataMesh Studio, scenarios are organized into scenes. Each scenario can have one or more scenes, with elements like 3D models, images, videos, music, lights, and cameras. Users "},r="Scenes",l={},i=[];function c(e){const n={h1:"h1",header:"header",...(0,o.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"scenes",children:"Scenes"})}),"\n",(0,t.jsx)("div",{className:"manual-preview-content",dangerouslySetInnerHTML:{__html:'<div data-elementor-type="wp-post" data-elementor-id="50692" class="elementor elementor-50692" data-elementor-post-type="epkb_post_type_1">\n\t\t\t\t<div class="elementor-element elementor-element-39f2913 e-flex e-con-boxed e-con e-parent" data-id="39f2913" data-element_type="container" data-e-type="container">\n\t\t\t\t\t<div class="e-con-inner">\n\t\t\t\t<div class="elementor-element elementor-element-2b9dbd9 elementor-widget elementor-widget-text-editor" data-id="2b9dbd9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">\n\t\t\t\t<div class="elementor-widget-container">\n\t\t\t\t\t\t\t\t\t<p><span style="color: #000000;">In DataMesh Studio, scenarios are organized into scenes. Each scenario can have one or more scenes, with elements like 3D models, images, videos, music, lights, and cameras.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">Users can easily create, edit, and manage scenes to structure and control their scenarios. Smooth transitions between scenes ensure seamless and continuous storytelling.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:heading --\x3e</span></p>\n<h2 class="wp-block-heading"><span style="color: #000000;">Manage scenes</span></h2>\n<p><span style="color: #000000;">\x3c!-- /wp:heading --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">To manage scenes in DataMesh Studio, you can perform the following operations:</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e</span></p>\n<ul>\n<li><span style="color: #000000;">Create a new scene: Click the + button in the timeline to add a new scene at the end, or right click on a scene in the timeline and select <strong>Add Scene</strong>

1 to add a new scene to the right of the selected scene.</span></li>\n<li><span style="color: #000000;">Delete a scene: Right-click on the scene in the timeline and select <strong>Delete Scene</strong>.</span></li>\n<li><span style="color: #000000;">Rename a scene: Select a scene in the timeline and click the edit button <img loading="lazy" decoding="async" class="alignnone size-full wp-image-8121" src="https://datamesh.com/wp-content/uploads/2024/07/image081.jpg" alt="" width="28" height="28" /> in the attributes pane to rename the scene.</span></li>\n</ul>\n<p><span style="color: #000000;">\x3c!-- wp:heading --\x3e</span></p>\n<h2 class="wp-block-heading"><span style="color: #000000;">Navigate the workspace</span></h2>\n<p><span style="color: #000000;">\x3c!-- /wp:heading --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">In DataMesh Studio, the workspace offers various functions to help you adjust and explore scenes efficiently.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">You can change your view of the workspace by dragging and zooming. Here are some fundamental operations:</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:heading {"level":3} --\x3e</span></p>\n<h3 class="wp-block-heading"><span style="color: #000000;">Orbiting</span></h3>\n<p><span style="color: #000000;">\x3c!-- /wp:heading --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">Press and hold the right mouse button anywhere in the workspace. The cursor will turn into a magnifying glass, and a blue reference plane will appear. Move the mouse left or right to rotate the scene horizontally and view the model from any angle.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:image {"id":49578,"width":"600px","sizeSlug":"full","linkDestination":"none","align":"center"} --\x3e</span></p>\n<figure class="wp-block-image aligncenter size-full is-resized"><span style="color: #000000;"><img loading="lazy" decoding="async" width="689" height="406" class="wp-image-49578 aligncenter" src="https://datamesh.com/wp-content/uploads/2025/02/image132.gif" alt="" /></span></figure>\n<p><span style="color: #000000;">\x3c!-- /wp:image --\x3e\x3c!-- wp:heading {"level":3} --\x3e</span></p>\n<h3 class="wp-block-heading"><span style="color: #000000;">Panning</span></h3>\n<p><span style="color: #000000;">\x3c!-- /wp:heading --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">When performing a translation operation in the scene, you can use the following methods:</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e</span></p>\n<ol>\n<li><span style="color: #000000;"><strong>Use the left mouse button to pan</strong></span></li>\n</ol>\n<ul>\n<li><span style="color: #000000;">Click on a blank area within the scene, hold down the left mouse button, and drag the mouse to the left, right, up, or down to move the scene in the corresponding direction.</span></li>\n</ul>\n<ol start="2">\n<li><span style="color: #000000;"><strong>Use the mouse scroll wheel to pan</strong></span></li>\n</ol>\n<ul>\n<li><span style="color: #000000;">Hold down the mouse scroll wheel and drag the mouse in the desired direction.</span></li>\n<li><span style="color: #000000;">This operation prevents accidental selection of elements or objects with the left mouse button and is only used to adjust the scene view&#8217;s position.</span></li>\n</ul>\n<p><span style="color: #000000;">\x3c!-- wp:heading {"level":3} --\x3e</span></p>\n<h3 class="wp-block-heading"><span style="color: #000000;">View height</span></h3>\n<p><span style="color: #000000;">\x3c!-- /wp:heading --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">To raise or lower the scene, hold down the Shift key and the left mouse button, then move the mouse up or down in a blank area of the scene. Move up to lower the scene and down to raise it.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:heading {"level":3} --\x3e</span></p>\n<h3 class="wp-block-heading"><span style="color: #000000;">Zoom</span></h3>\n<p><span style="color: #000000;">\x3c!-- /wp:heading --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">To zoom in and out of the scene, use the mouse scroll wheel. Scroll up to zoom in and scroll down to zoom out.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:heading {"level":3} --\x3e</span></p>\n<h3 class="wp-block-heading"><span style="color: #000000;">Reset view</span></h3>\n<p><span style="color: #000000;">\x3c!-- /wp:heading --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">The Reset View function is used to restore the scene view and focus the camera on a specific element. It automatically adjusts the camera to center the selected element. You can also double-click an element in the list to switch to that view.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">Here\u2019s what the Reset View options do:</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e</span></p>\n<ul>\n<li><span style="color: #000000;"><strong>Reset scene view</strong>: Click the reset button\xa0<img loading="lazy" decoding="async" class="alignnone size-full wp-image-8070" src="https://datamesh.com/wp-content/uploads/2024/07/image027.jpg" alt="" width="25" height="25" /> in the top-right corner of the scene to return to the default view, which is centered in the very middle of the virtual environment.</span></li>\n<li><span style="color: #000000;"><strong>Reset element view</strong>: Select an element and click the reset button <img loading="lazy" decoding="async" class="alignnone size-full wp-image-8070" src="https://datamesh.com/wp-content/uploads/2024/07/image027.jpg" alt="" width="25" height="25" /> to adjust the view to focus on the element from above.</span></li>\n<li><span style="color: #000000;"><strong>Focus on the element</strong>: Double-click an element in the list to focus the view on that element.</span></li>\n</ul>\n<p><span style="color: #000000;">\x3c!-- wp:heading {"level":3} --\x3e</span></p>\n<h3 class="wp-block-heading"><span style="color: #000000;">View cube</span></h3>\n<p><span style="color: #000000;">\x3c!-- /wp:heading --\x3e\x3c!-- wp:image {"id":8136,"width":"600px","height":"auto","sizeSlug":"full","linkDestination":"none","align":"center"} --\x3e</span></p>\n<figure class="wp-block-image aligncenter size-full is-resized"><span style="color: #000000;"><img loading="lazy" decoding="async" class="wp-image-8136 aligncenter" src="https://datamesh.com/wp-content/uploads/2024/07/image092.jpg" alt="" width="554" height="374" srcset="https://datamesh.com/wp-content/uploads/2024/07/image092.jpg 865w, https://datamesh.com/wp-content/uploads/2024/07/image092-300x203.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image092-768x519.jpg 768w" sizes="(max-width: 554px) 100vw, 554px" /></span></figure>\n<p><span style="color: #000000;">\x3c!-- /wp:image --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">The View Cube is in the top right corner of the workspace and consists of six sides representing view angles from the front, back, left, right, top, and bottom. This allows users to quickly center the

1ir view on selected elements from different directions. In addition, the cube provides an intuitive visual reference for which direction you are facing, ensuring that users can easily reorient themselves when they need to.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">The view cube allows you to center your view on either the scene, or a selected element:</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e</span></p>\n<ul>\n<li><span style="color: #000000;">Centered on the scene center: If no element is selected, clicking on any face of the cube will focus your view onto the scene center from the direction that the face corresponds to.</span></li>\n<li><span style="color: #000000;">Centered on the element: If an element is selected, clicking on any face of the cube will focus your view onto the element from the direction that the face corresponds to.</span></li>\n</ul>\n<p><span style="color: #000000;">\x3c!-- wp:heading {"level":3} --\x3e</span></p>\n<h3 class="wp-block-heading"><span style="color: #000000;">Projection modes</span></h3>\n<p><span style="color: #000000;">\x3c!-- /wp:heading --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">DataMesh Studio supports two projection modes: perspective projection and orthographic projection.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">To switch the projection mode of the scene, you can click the projection toggle button <img loading="lazy" decoding="async" width="26" height="24" class="wp-image-8071" src="https://datamesh.com/wp-content/uploads/2024/07/image028.jpg" alt="" /> \xa0in the workspace.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">1. Perspective Projection (Default)</span><br /><span style="color: #000000;">Perspective projection is a projection mode where objects appear smaller when they are farther away from your view, and larger when they are closer.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:image {"id":8138,"width":"600px","sizeSlug":"full","linkDestination":"none","align":"center"} --\x3e</span></p>\n<figure class="wp-block-image aligncenter size-full is-resized"><span style="color: #000000;"><img loading="lazy" decoding="async" class="wp-image-8138 aligncenter" src="https://datamesh.com/wp-content/uploads/2024/07/image094.jpg" alt="" width="555" height="378" srcset="https://datamesh.com/wp-content/uploads/2024/07/image094.jpg 865w, https://datamesh.com/wp-content/uploads/2024/07/image094-300x204.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image094-768x523.jpg 768w" sizes="(max-width: 555px) 100vw, 555px" /></span></figure>\n<p><span style="color: #000000;">\x3c!-- /wp:image --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">2. Orthographic Projection</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">Orthographic projection is a projection mode where objects are the same size regardless of the distance away from your view. This provides a more technical view of the scene and is helpful when you want to easily access elements that are far away.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:image {"id":8139,"width":"600px","sizeSlug":"full","linkDestination":"none","align":"center"} --\x3e</span></p>\n<figure class="wp-block-image aligncenter size-full is-resized"><span style="color: #000000;"><img loading="lazy" decoding="async" class="wp-image-8139 aligncenter" src="https://datamesh.com/wp-content/uploads/2024/07/image095.jpg" alt="" width="551" height="374" srcset="https://datamesh.com/wp-content/uploads/2024/07/image095.jpg 865w, https://datamesh.com/wp-content/uploads/2024/07/image095-300x204.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image095-768x521.jpg 768w" sizes="(max-width: 551px) 100v

1w, 551px" /></span></figure>\n<p><span style="color: #000000;">\x3c!-- /wp:image --\x3e\x3c!-- wp:heading --\x3e</span></p>\n<h2 class="wp-block-heading"><span style="color: #000000;">Set scene transitions</span></h2>\n<p><span style="color: #000000;">\x3c!-- /wp:heading --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">In scenarios with consecutive scenes in different locations, or if you would like to utilize dynamic camera movement, scene transitions are crucial for controlling the flow of the scenario.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">In DataMesh Studio, there are several different ways to set scene transitions:</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">1. Attributes pane: You can configure scene transitions directly in the attributes pane. This allows you to define the transition type and specify the target scene. For more information, please refer to</span> <span style="color: #0693e3;"><em><a style="color: #0693e3;" title="" href="#articleTOC_10">Set scene attributes</a></em></span><span style="color: #000000;">.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">2. Buttons: This allows viewers to navigate between scenes while the scenario is playing. For more details, please refer to the section </span><span style="color: #00ccff;"><em><a style="color: #00ccff;" title="" href="https://datamesh.com/support/user-manual/datamesh-studio/datamesh-studio-user-manual/elements-6/#articleTOC_15"><span style="color: #0693e3;">Button</span></a></em></span><span style="color: #000000;">.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">3. Elements: Links allow you to give elements navigational properties when interacted with them. For more details, please refer to the section </span><span style="color: #0693e3;"><em><a style="color: #0693e3;" title="" href="https://datamesh.com/support/user-manual/datamesh-studio/datamesh-studio-user-manual/actions-6/#articleTOC_13">Link</a></em></span><span style="color: #000000;">.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:heading --\x3e</span></p>\n<h2 class="wp-block-heading"><span style="color: #000000;">Set scene attributes</span></h2>\n<p><span style="color: #000000;">\x3c!-- /wp:heading --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">When you click the empty space in the workspace, the attributes pane will display the scene attributes.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">The attributes of a scene will be shown as follows:</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:image {"id":50488,"width":"314px","height":"auto","sizeSlug":"full","linkDestination":"none","align":"center"} --\x3e</span></p>\n<figure class="wp-block-image aligncenter size-full is-resized"><span style="color: #000000;"><img loading="lazy" decoding="async" class="aligncenter wp-image-50488" src="https://datamesh.com/wp-content/uploads/2025/02/image138-1.jpg" alt="" width="321" height="621" srcset="https://datamesh.com/wp-content/uploads/2025/02/image138-1.jpg 515w, https://datamesh.com/wp-content/uploads/2025/02/image138-1-155x300.jpg 155w" sizes="(max-width: 321px) 100vw, 321px" /></span></figure>\n<p><span style="color: #000000;">\x3c!-- /wp:image --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">A. <strong>Scene Name</strong>: By clicking the edit icon, you can rename the current scene name.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">B. <strong>Play Next Scene</strong>: You can set scene transition during scenario playback, with the following two specific options available:</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">a) <strong>On Click</strong>: When playing the scenario, clicking on the current scene area will switch to the next scene. This is suitable for situations where the user needs to manually confirm before switching, ensuring the user has enough time to understand the current content. <strong>Note</strong>: On the DataMesh One platform, a &#8220;Previous Page / Next Page&#8221; navigation menu will be displayed.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><br /><span style="color: #000000;">b) <strong>Navigate via button or link</strong>: When the scene is playing, clicking on the scene itself will not trigger a scene 

1change. Instead, you need to interact with a specific object (such as a button or model) to initiate the jump. Make sure to add interactive objects in the scene and configure the target scene in advance. This option is useful when the scene transition requires the user to perform a specific action.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">c) <strong>Autoplay After</strong>: After setting a delay time (seconds), the scene will automatically switch to the next one after staying for the specified duration. This option is ideal for continuous scene playback, ensuring smooth transitions by automatically switching scenes after a set delay.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">C. <strong>Ground Opacity</strong>: Adjust the slider to set the opacity of the ground, ranging from completely transparent to fully opaque, adapting to different scene requirements and visual effects.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">D. <strong>Rendering environment brightness</strong>: Use the slider to adjust the overall brightness of the scene.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">E. <strong>Position Mode</strong>: When QR codes or reference models for positioning are added to the scenario, the scene attributes will display positioning mode attributes. For ease of scenario editing (e.g., when reference models or QR codes obscure models in the scenario), you can choose to hide reference models or QR code.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:heading --\x3e</span></p>\n<h2 class="wp-block-heading"><span style="color: #000000;">Managing scene brightness</span></h2>\n<p><span style="color: #000000;">\x3c!-- /wp:heading --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">In DataMesh Studio, scene brightness is determined by two main sources:</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e</span></p>\n<ul>\n<li><span style="color: #000000;">Rendering Environment: Provides basic ambient lighting, determining the overall brightness and tone of the scene.</span></li>\n<li><span style="color: #000000;">Light: Used to supplement lighting effects in the scene, enhancing brightness and details in specific areas.</span></li>\n</ul>\n<p><span style="color: #000000;">\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">You can refer to the following operations to manage scene brightness:</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">1. <strong>Adjust overall brightness</strong></span><br /><span style="color: #000000;">In the Scene attributes pane, slide the rendering environment brightness slider to adjust the overall brightness of the scene.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">2. <strong>Enabling and disabling the light source</strong></span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e</span></p>\n<ul>\n<li><span style="color: #000000;">Enable: Select the light from <strong>Elements</strong>, then enable it in the attributes pane.</span></li>\n<li><span style="color: #000000;">Disable: Select the light from <strong>Elements</strong>, then disable it in the attribute pane.</span></li>\n</ul>\n<p><span style="color: #000000;">\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">3. <strong>Add lights</strong></span><br /><span style="color: #000000;">Select the Light component from <strong>Libraries</strong> and drag it into the scene.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">4. <strong>Delete lights</strong></span><br /><span style="color: #000000;">In the <strong>Elements</strong>, select the light, then click the delete button.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">5. <strong>Adjust lights</strong></span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e</span></p>\n<ul>\n<li><span style="color: #000000;">Direct adjustment: Select the light from <strong>Elements</strong>

1 and directly adjust its position in the scene.</span></li>\n<li><span style="color: #000000;">Precise adjustment: Select the light from <strong>Elements</strong>, then precisely adjust attributes such as position, rotation angle, light color, brightness, etc., in the attributes pane.</span></li>\n</ul>\n<p><span style="color: #000000;">\x3c!-- wp:paragraph --\x3e</span></p>\n<p><span style="color: #000000;">For detailed information on light properties, please refer to the </span><span style="color: #0693e3;"><em><a style="color: #0693e3;" title="" href="https://datamesh.com/support/user-manual/datamesh-studio/datamesh-studio-user-manual/elements-6/#articleTOC_17">Light</a></em></span> <span style="color: #000000;">section.</span></p>\n<p><span style="color: #000000;">\x3c!-- /wp:paragraph --\x3e\x3c!-- wp:paragraph --\x3e</span></p>\n<p>\xa0</p>\n<p>\x3c!-- /wp:paragraph --\x3e</p>\t\t\t\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t</div>'}})]})}function h(e={}){const{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},28453:(e,n,s)=>{s.d(n,{R:()=>p,x:()=>r});var a=s(96540);const t={},o=a.createContext(t);function p(e){const n=a.useContext(o);return a.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:p(e.components),a.createElement(o.Provider,{value:n},e.children)}}}]);