import{_ as s,o as a,c as n,Q as o}from"./chunks/framework.4313453f.js";const h=JSON.parse('{"title":"BigMonitor","description":"","frontmatter":{},"headers":[],"relativePath":"references/bigmonitor.md","filePath":"references/bigmonitor.md","lastUpdated":null}'),l={name:"references/bigmonitor.md"},p=o(`<h1 id="bigmonitor" tabindex="-1">BigMonitor <a class="header-anchor" href="#bigmonitor" aria-label="Permalink to &quot;BigMonitor&quot;">​</a></h1><p>Unlike the standard Monitor, BigMonitor has the capability to render across multiple monitors, simulating a single expansive display.</p><p>BigMonitor inherit from <a href="./container.html">Container</a>, <a href="./visualelement.html">VisualElement</a> and <a href="./element.html">BasicElement</a></p><h2 id="properties" tabindex="-1">Properties <a class="header-anchor" href="#properties" aria-label="Permalink to &quot;Properties&quot;">​</a></h2><table><thead><tr><th>Property</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>group</td><td>table</td><td>A table specifying the arrangement of multiple monitors in the BigMonitor group. Each entry in the table represents a row, where the key indicates the Y-coordinate and the value is an array containing the X-coordinates of the monitors in that row.</td></tr></tbody></table><h3 id="example-of-the-table-layout-for-groups" tabindex="-1">Example of the Table Layout for Groups: <a class="header-anchor" href="#example-of-the-table-layout-for-groups" aria-label="Permalink to &quot;Example of the Table Layout for Groups:&quot;">​</a></h3><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#E1E4E8;">{</span></span>
<span class="line"><span style="color:#E1E4E8;">    [y1] </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> {</span><span style="color:#9ECBFF;">&quot;x1&quot;</span><span style="color:#E1E4E8;">, </span><span style="color:#9ECBFF;">&quot;x2&quot;</span><span style="color:#E1E4E8;">, </span><span style="color:#9ECBFF;">&quot;x3&quot;</span><span style="color:#E1E4E8;">}</span></span>
<span class="line"><span style="color:#E1E4E8;">    [y2] </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> {</span><span style="color:#9ECBFF;">&quot;x1&quot;</span><span style="color:#E1E4E8;">, </span><span style="color:#9ECBFF;">&quot;x2&quot;</span><span style="color:#E1E4E8;">, </span><span style="color:#9ECBFF;">&quot;x3&quot;</span><span style="color:#E1E4E8;">}</span></span>
<span class="line"><span style="color:#E1E4E8;">}</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#24292E;">{</span></span>
<span class="line"><span style="color:#24292E;">    [y1] </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> {</span><span style="color:#032F62;">&quot;x1&quot;</span><span style="color:#24292E;">, </span><span style="color:#032F62;">&quot;x2&quot;</span><span style="color:#24292E;">, </span><span style="color:#032F62;">&quot;x3&quot;</span><span style="color:#24292E;">}</span></span>
<span class="line"><span style="color:#24292E;">    [y2] </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> {</span><span style="color:#032F62;">&quot;x1&quot;</span><span style="color:#24292E;">, </span><span style="color:#032F62;">&quot;x2&quot;</span><span style="color:#24292E;">, </span><span style="color:#032F62;">&quot;x3&quot;</span><span style="color:#24292E;">}</span></span>
<span class="line"><span style="color:#24292E;">}</span></span></code></pre></div><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><details class="details custom-block"><summary>Click to see example</summary><div class="language-lua vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">lua</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#F97583;">local</span><span style="color:#E1E4E8;"> basalt </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> </span><span style="color:#79B8FF;">require</span><span style="color:#E1E4E8;">(</span><span style="color:#9ECBFF;">&quot;basalt&quot;</span><span style="color:#E1E4E8;">)</span></span>
<span class="line"></span>
<span class="line"><span style="color:#F97583;">local</span><span style="color:#E1E4E8;"> monitor </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> basalt.</span><span style="color:#79B8FF;">addBigMonitor</span><span style="color:#E1E4E8;">()</span></span>
<span class="line"></span>
<span class="line"><span style="color:#F97583;">local</span><span style="color:#E1E4E8;"> monitorGroup </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> {</span></span>
<span class="line"><span style="color:#E1E4E8;">    [</span><span style="color:#79B8FF;">1</span><span style="color:#E1E4E8;">] </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> {</span><span style="color:#9ECBFF;">&quot;monitor_1&quot;</span><span style="color:#E1E4E8;">, </span><span style="color:#9ECBFF;">&quot;monitor_2&quot;</span><span style="color:#E1E4E8;">},</span></span>
<span class="line"><span style="color:#E1E4E8;">    [</span><span style="color:#79B8FF;">2</span><span style="color:#E1E4E8;">] </span><span style="color:#F97583;">=</span><span style="color:#E1E4E8;"> {</span><span style="color:#9ECBFF;">&quot;monitor_3&quot;</span><span style="color:#E1E4E8;">, </span><span style="color:#9ECBFF;">&quot;monitor_4&quot;</span><span style="color:#E1E4E8;">}</span></span>
<span class="line"><span style="color:#E1E4E8;">}</span></span>
<span class="line"></span>
<span class="line"><span style="color:#B392F0;">monitor</span><span style="color:#E1E4E8;">:</span><span style="color:#79B8FF;">setGroup</span><span style="color:#E1E4E8;">(monitorGroup)</span></span>
<span class="line"></span>
<span class="line"><span style="color:#E1E4E8;">basalt.</span><span style="color:#79B8FF;">autoUpdate</span><span style="color:#E1E4E8;">()</span></span></code></pre><pre class="shiki github-light vp-code-light"><code><span class="line"><span style="color:#D73A49;">local</span><span style="color:#24292E;"> basalt </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> </span><span style="color:#005CC5;">require</span><span style="color:#24292E;">(</span><span style="color:#032F62;">&quot;basalt&quot;</span><span style="color:#24292E;">)</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D73A49;">local</span><span style="color:#24292E;"> monitor </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> basalt.</span><span style="color:#005CC5;">addBigMonitor</span><span style="color:#24292E;">()</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D73A49;">local</span><span style="color:#24292E;"> monitorGroup </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> {</span></span>
<span class="line"><span style="color:#24292E;">    [</span><span style="color:#005CC5;">1</span><span style="color:#24292E;">] </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> {</span><span style="color:#032F62;">&quot;monitor_1&quot;</span><span style="color:#24292E;">, </span><span style="color:#032F62;">&quot;monitor_2&quot;</span><span style="color:#24292E;">},</span></span>
<span class="line"><span style="color:#24292E;">    [</span><span style="color:#005CC5;">2</span><span style="color:#24292E;">] </span><span style="color:#D73A49;">=</span><span style="color:#24292E;"> {</span><span style="color:#032F62;">&quot;monitor_3&quot;</span><span style="color:#24292E;">, </span><span style="color:#032F62;">&quot;monitor_4&quot;</span><span style="color:#24292E;">}</span></span>
<span class="line"><span style="color:#24292E;">}</span></span>
<span class="line"></span>
<span class="line"><span style="color:#6F42C1;">monitor</span><span style="color:#24292E;">:</span><span style="color:#005CC5;">setGroup</span><span style="color:#24292E;">(monitorGroup)</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292E;">basalt.</span><span style="color:#005CC5;">autoUpdate</span><span style="color:#24292E;">()</span></span></code></pre></div></details>`,9),t=[p];function e(r,c,i,E,y,u){return a(),n("div",null,t)}const m=s(l,[["render",e]]);export{h as __pageData,m as default};
