build: 페이지 빌드

This commit is contained in:
Qwreey 2023-02-22 03:52:59 +09:00
parent 80242eb737
commit 9a8e39a05f
57 changed files with 32202 additions and 1172 deletions

View file

@ -160,7 +160,7 @@
<div class="md-header__source">
<a href="https://github.com/qwreey75/quad" title="Go to repository" class="md-source" data-md-component="source">
<a href="https://github.com/qwreey75/Quad" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
@ -190,47 +190,11 @@
<li class="md-tabs__item">
<a href="/en/." class="md-tabs__link">
</a>
</li>
<li class="md-tabs__item">
<a href="/en/tutorial/index.md" class="md-tabs__link">
튜토리얼
</a>
</li>
<li class="md-tabs__item">
<a href="/en/reference/index.md" class="md-tabs__link">
레퍼런스
</a>
</li>
<li class="md-tabs__item">
<a href="/en/." class="md-tabs__link">
Home
</a>
</li>
</ul>
@ -252,7 +216,9 @@
<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
<nav class="md-nav md-nav--primary md-nav--lifted md-nav--integrated" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="/en/." title="Quad Docments" class="md-nav__button md-logo" aria-label="Quad Docments" data-md-component="logo">
@ -263,7 +229,7 @@
</label>
<div class="md-nav__source">
<a href="https://github.com/qwreey75/quad" title="Go to repository" class="md-source" data-md-component="source">
<a href="https://github.com/qwreey75/Quad" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
@ -283,377 +249,13 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_1" >
<div class="md-nav__link md-nav__link--index ">
<a href="/en/."></a>
<label for="__nav_1">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_1_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_1">
<span class="md-nav__icon md-icon"></span>
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="/en/license.md" class="md-nav__link">
라이선스
<a href="/en/." class="md-nav__link">
Home
</a>
</li>
<li class="md-nav__item">
<a href="/en/changelogs.md" class="md-nav__link">
변경사항
</a>
</li>
<li class="md-nav__item">
<a href="/en/gallery.md" class="md-nav__link">
갤러리
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
<label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
튜토리얼
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span>
튜토리얼
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="/en/tutorial/index.md" class="md-nav__link">
None
</a>
</li>
<li class="md-nav__item">
<a href="/en/tutorial/1_import.md" class="md-nav__link">
Import
</a>
</li>
<li class="md-nav__item">
<a href="/en/tutorial/2_mount.md" class="md-nav__link">
Mount
</a>
</li>
<li class="md-nav__item">
<a href="/en/tutorial/3_getObject.md" class="md-nav__link">
GetObject
</a>
</li>
<li class="md-nav__item">
<a href="/en/tutorial/4_style.md" class="md-nav__link">
Style
</a>
</li>
<li class="md-nav__item">
<a href="/en/tutorial/5_event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="/en/tutorial/6_tween.md" class="md-nav__link">
Tween
</a>
</li>
<li class="md-nav__item">
<a href="/en/tutorial/7_quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
<li class="md-nav__item">
<a href="/en/tutorial/8_register.md" class="md-nav__link">
Register
</a>
</li>
<li class="md-nav__item">
<a href="/en/tutorial/9_lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="/en/tutorial/10_signal.md" class="md-nav__link">
Signal
</a>
</li>
<li class="md-nav__item">
<a href="/en/tutorial/11_extend.md" class="md-nav__link">
Extend
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
레퍼런스
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span>
레퍼런스
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="/en/reference/index.md" class="md-nav__link">
None
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
@ -662,22 +264,6 @@
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
@ -716,6 +302,34 @@
Material for MkDocs
</a>
</div>
<div class="md-social">
<a href="https://github.com/qwreey75" target="_blank" rel="noopener" title="github.com" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
</a>
<a href="https://stella.place/@qwreey" target="_blank" rel="noopener me" title="stella.place" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
</a>
</div>
</div>
@ -727,7 +341,7 @@
<div class="md-dialog__inner md-typeset"></div>
</div>
<script id="__config" type="application/json">{"base": "/en/", "features": ["navigation.indexes", "navigation.footer", "navigation.tabs", "navigation.top"], "search": "/en/assets/javascripts/workers/search.208ed371.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
<script id="__config" type="application/json">{"base": "/en/", "features": ["navigation.indexes", "navigation.footer", "navigation.tabs", "navigation.top", "toc.integrate", "content.code.copy"], "search": "/en/assets/javascripts/workers/search.208ed371.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
<script src="/en/assets/javascripts/bundle.2a6f1dda.min.js"></script>

View file

@ -21,7 +21,7 @@
<title>Please waitting... - Quad Docments</title>
<title>Quad Docments</title>
@ -97,7 +97,7 @@
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Please waitting...
Home
</span>
</div>
@ -167,7 +167,7 @@
<div class="md-header__source">
<a href="https://github.com/qwreey75/quad" title="Go to repository" class="md-source" data-md-component="source">
<a href="https://github.com/qwreey75/Quad" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
@ -199,47 +199,11 @@
<li class="md-tabs__item">
<a href="." class="md-tabs__link md-tabs__link--active">
</a>
</li>
<li class="md-tabs__item">
<a href="tutorial/index.md" class="md-tabs__link">
튜토리얼
</a>
</li>
<li class="md-tabs__item">
<a href="reference/index.md" class="md-tabs__link">
레퍼런스
</a>
</li>
<li class="md-tabs__item">
<a href="." class="md-tabs__link md-tabs__link--active">
Home
</a>
</li>
</ul>
@ -261,7 +225,9 @@
<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
<nav class="md-nav md-nav--primary md-nav--lifted md-nav--integrated" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="." title="Quad Docments" class="md-nav__button md-logo" aria-label="Quad Docments" data-md-component="logo">
@ -272,7 +238,7 @@
</label>
<div class="md-nav__source">
<a href="https://github.com/qwreey75/quad" title="Go to repository" class="md-source" data-md-component="source">
<a href="https://github.com/qwreey75/Quad" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
@ -294,374 +260,18 @@
<li class="md-nav__item md-nav__item--active md-nav__item--nested">
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_1" checked>
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<div class="md-nav__link md-nav__link--index md-nav__link--active">
<a href="."></a>
<label for="__nav_1">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_1_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_1">
<span class="md-nav__icon md-icon"></span>
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="license.md" class="md-nav__link">
라이선스
<a href="." class="md-nav__link md-nav__link--active">
Home
</a>
</li>
<li class="md-nav__item">
<a href="changelogs.md" class="md-nav__link">
변경사항
</a>
</li>
<li class="md-nav__item">
<a href="gallery.md" class="md-nav__link">
갤러리
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
<label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
튜토리얼
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span>
튜토리얼
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="tutorial/index.md" class="md-nav__link">
None
</a>
</li>
<li class="md-nav__item">
<a href="tutorial/1_import.md" class="md-nav__link">
Import
</a>
</li>
<li class="md-nav__item">
<a href="tutorial/2_mount.md" class="md-nav__link">
Mount
</a>
</li>
<li class="md-nav__item">
<a href="tutorial/3_getObject.md" class="md-nav__link">
GetObject
</a>
</li>
<li class="md-nav__item">
<a href="tutorial/4_style.md" class="md-nav__link">
Style
</a>
</li>
<li class="md-nav__item">
<a href="tutorial/5_event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="tutorial/6_tween.md" class="md-nav__link">
Tween
</a>
</li>
<li class="md-nav__item">
<a href="tutorial/7_quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
<li class="md-nav__item">
<a href="tutorial/8_register.md" class="md-nav__link">
Register
</a>
</li>
<li class="md-nav__item">
<a href="tutorial/9_lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="tutorial/10_signal.md" class="md-nav__link">
Signal
</a>
</li>
<li class="md-nav__item">
<a href="tutorial/11_extend.md" class="md-nav__link">
Extend
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
레퍼런스
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span>
레퍼런스
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="reference/index.md" class="md-nav__link">
None
</a>
</li>
</ul>
</nav>
</li>
@ -673,24 +283,6 @@
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
@ -742,6 +334,34 @@ You can see docment in korean too!</p>
Material for MkDocs
</a>
</div>
<div class="md-social">
<a href="https://github.com/qwreey75" target="_blank" rel="noopener" title="github.com" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
</a>
<a href="https://stella.place/@qwreey" target="_blank" rel="noopener me" title="stella.place" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
</a>
</div>
</div>
@ -753,7 +373,7 @@ You can see docment in korean too!</p>
<div class="md-dialog__inner md-typeset"></div>
</div>
<script id="__config" type="application/json">{"base": ".", "features": ["navigation.indexes", "navigation.footer", "navigation.tabs", "navigation.top"], "search": "assets/javascripts/workers/search.208ed371.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
<script id="__config" type="application/json">{"base": ".", "features": ["navigation.indexes", "navigation.footer", "navigation.tabs", "navigation.top", "toc.integrate", "content.code.copy"], "search": "assets/javascripts/workers/search.208ed371.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
<script src="assets/javascripts/bundle.2a6f1dda.min.js"></script>

View file

@ -2,7 +2,7 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://quad.qwreey.kr/en/</loc>
<lastmod>2023-02-20</lastmod>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
</urlset>

Binary file not shown.

View file

@ -305,6 +305,8 @@
@ -333,8 +335,8 @@
<li class="md-nav__item">
<a href="/kr/license/" class="md-nav__link">
라이선스
<a href="/kr/gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -361,8 +363,22 @@
<li class="md-nav__item">
<a href="/kr/gallery/" class="md-nav__link">
갤러리
<a href="/kr/license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="/kr/todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -620,6 +636,22 @@
@ -628,6 +660,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="/kr/reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -639,6 +675,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="/kr/reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="/kr/reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="/kr/reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="/kr/reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="/kr/reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="/kr/reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="/kr/reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="/kr/reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="/kr/reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="/kr/event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="/kr/extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="/kr/lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="/kr/mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="/kr/quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -15,10 +15,10 @@
<link rel="canonical" href="https://quad.qwreey.kr/kr/changelogs/">
<link rel="prev" href="../license/">
<link rel="prev" href="../gallery/">
<link rel="next" href="../gallery/">
<link rel="next" href="../license/">
<link rel="icon" href="../assets/LUAICON_TP.png">
<meta name="generator" content="mkdocs-1.4.2, mkdocs-material-9.0.13">
@ -320,6 +320,8 @@
@ -348,8 +350,8 @@
<li class="md-nav__item">
<a href="../license/" class="md-nav__link">
라이선스
<a href="../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -395,6 +397,20 @@
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#224" class="md-nav__link">
2.24
</a>
</li>
<li class="md-nav__item">
<a href="#223" class="md-nav__link">
2.23
</a>
</li>
<li class="md-nav__item">
<a href="#222" class="md-nav__link">
2.22
@ -522,8 +538,22 @@
<li class="md-nav__item">
<a href="../gallery/" class="md-nav__link">
갤러리
<a href="../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -781,6 +811,22 @@
@ -789,6 +835,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -800,6 +850,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -825,6 +1185,12 @@
<h1 id="_1">버전 번경사항<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h1>
<h2 id="224">2.24<a class="headerlink" href="#224" title="Permanent link">&para;</a></h2>
<p>모든 문서가 정리되었습니다.</p>
<h2 id="223">2.23<a class="headerlink" href="#223" title="Permanent link">&para;</a></h2>
<p>객체 생성시 일어나는 오류를 해결했습니다.<br />
이제 Extend 객체 내부 자식이 Unmount 되는 경우 __child 에서 제거됩니다.<br />
types 의 오타를 고쳤습니다. </p>
<h2 id="222">2.22<a class="headerlink" href="#222" title="Permanent link">&para;</a></h2>
<p>더이상 Event.Prop 가 처음 생성시 실행되는 일이 일어나지 않습니다.</p>
<h2 id="221">2.21<a class="headerlink" href="#221" title="Permanent link">&para;</a></h2>
@ -886,7 +1252,7 @@ Mkdocs 테마와 여러가지 설정이 변경되었습니다.<br />
<nav class="md-footer__inner md-grid" aria-label="Footer" >
<a href="../license/" class="md-footer__link md-footer__link--prev" aria-label="이전: 라이선스" rel="prev">
<a href="../gallery/" class="md-footer__link md-footer__link--prev" aria-label="이전: 갤러리" rel="prev">
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
</div>
@ -895,20 +1261,20 @@ Mkdocs 테마와 여러가지 설정이 변경되었습니다.<br />
<span class="md-footer__direction">
이전
</span>
라이선스
갤러리
</div>
</div>
</a>
<a href="../gallery/" class="md-footer__link md-footer__link--next" aria-label="다음: 갤러리" rel="next">
<a href="../license/" class="md-footer__link md-footer__link--next" aria-label="다음: 라이선스" rel="next">
<div class="md-footer__title">
<div class="md-ellipsis">
<span class="md-footer__direction">
다음
</span>
갤러리
라이선스
</div>
</div>
<div class="md-footer__button md-icon">

View file

@ -15,10 +15,10 @@
<link rel="canonical" href="https://quad.qwreey.kr/kr/gallery/">
<link rel="prev" href="../changelogs/">
<link rel="prev" href="..">
<link rel="next" href="../tutorial/">
<link rel="next" href="../changelogs/">
<link rel="icon" href="../assets/LUAICON_TP.png">
<meta name="generator" content="mkdocs-1.4.2, mkdocs-material-9.0.13">
@ -68,6 +68,11 @@
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#_1" class="md-skip">
콘텐츠로 이동
</a>
</div>
<div data-md-component="announce">
@ -315,6 +320,8 @@
@ -341,11 +348,21 @@
<li class="md-nav__item">
<a href="../license/" class="md-nav__link">
라이선스
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<a href="./" class="md-nav__link md-nav__link--active">
갤러리
</a>
</li>
@ -369,19 +386,25 @@
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<a href="./" class="md-nav__link md-nav__link--active">
갤러리
<li class="md-nav__item">
<a href="../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -638,6 +661,22 @@
@ -646,6 +685,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -657,6 +700,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -681,9 +1034,9 @@
<h1>갤러리</h1>
<h1 id="_1">갤러리<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h1>
<p>여기는 여러분들의 작품을 올려볼 수 있는 곳입니다!<br />
Quad 를 사용한 여러가지 훌륭한 작품들을 보여주세요! </p>
@ -710,7 +1063,7 @@
<nav class="md-footer__inner md-grid" aria-label="Footer" >
<a href="../changelogs/" class="md-footer__link md-footer__link--prev" aria-label="이전: 변경사항" rel="prev">
<a href=".." class="md-footer__link md-footer__link--prev" aria-label="이전: Quad" rel="prev">
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
</div>
@ -719,20 +1072,20 @@
<span class="md-footer__direction">
이전
</span>
변경사항
Quad
</div>
</div>
</a>
<a href="../tutorial/" class="md-footer__link md-footer__link--next" aria-label="다음: Getting Started" rel="next">
<a href="../changelogs/" class="md-footer__link md-footer__link--next" aria-label="다음: 변경사항" rel="next">
<div class="md-footer__title">
<div class="md-ellipsis">
<span class="md-footer__direction">
다음
</span>
Getting Started
변경사항
</div>
</div>
<div class="md-footer__button md-icon">

View file

@ -307,6 +307,8 @@
@ -335,8 +337,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +365,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -622,6 +638,22 @@
@ -630,6 +662,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -641,6 +677,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -307,6 +307,8 @@
@ -335,8 +337,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +365,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -622,6 +638,22 @@
@ -630,6 +662,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -641,6 +677,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -12,7 +12,7 @@
<meta name="author" content="Qwreey and more">
<link rel="canonical" href="https://quad.qwreey.kr/kr/include/direction/">
<link rel="canonical" href="https://quad.qwreey.kr/kr/include/directions/">
@ -21,7 +21,7 @@
<title>Direction - Quad 한국어 문서</title>
<title>Directions - Quad 한국어 문서</title>
@ -92,7 +92,7 @@
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Direction
Directions
</span>
</div>
@ -307,6 +307,8 @@
@ -335,8 +337,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +365,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -622,6 +638,22 @@
@ -630,6 +662,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -641,6 +677,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -665,7 +1011,7 @@
<h1>Direction</h1>
<h1>Directions</h1>
<p><code>Out</code><br />
초반에 가속이 이루워지며, 후반에 느려집니다. </p>

View file

@ -307,6 +307,8 @@
@ -335,8 +337,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +365,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -622,6 +638,22 @@
@ -630,6 +662,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -641,6 +677,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -307,6 +307,8 @@
@ -335,8 +337,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +365,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -622,6 +638,22 @@
@ -630,6 +662,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -641,6 +677,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -307,6 +307,8 @@
@ -335,8 +337,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +365,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -622,6 +638,22 @@
@ -630,6 +662,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -641,6 +677,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -307,6 +307,8 @@
@ -335,8 +337,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +365,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -622,6 +638,22 @@
@ -630,6 +662,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -641,6 +677,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -667,28 +1013,450 @@
<h1>Extend</h1>
<p><code>self(name:string)</code> </p>
<p><code>self(name:string)-&gt;linker</code> </p>
<blockquote>
<p>Extend 메소드 전역에서 사용가능합니다. 링커를 만들며, <code>PropertyChangedSignal</code> 를 이어주거나, self 에 원하는 오브젝트를 넣는 용도로 사용됩니다. 자세한 정보는 Render 를 확인해주세요. </p>
</blockquote>
<hr />
<p><mark>REQUIRED</mark> <code>:Render(props:valueStore)</code> </p>
<p><mark>Overwite</mark> <mark><strong>REQUIRED</strong></mark> <code class="highlight"><span class="o">:</span><span class="nx">Render</span><span class="p">(</span><span class="nx">props</span><span class="o">:</span><span class="kt">valueStore</span><span class="p">)</span></code> </p>
<blockquote>
<p>화면에 그려지는 UI 를 만들어지게 하는 함수입니다. <code>Extend</code> 가 그려지려면 무조건 있어야합니다.<br />
이 오브젝트를 그리는데 들어간 프로퍼티 목록을 첫번째 인자로 줍니다. 레지스터 문법이 사용될 수 있습니다. </p>
<p>=== 예제</p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span></pre></div></td><td class="code"><div><pre><span></span><code>
이 오브젝트를 만드는데 들어간 프로퍼티 목록을 첫번째 인자로 줍니다. 레지스터 문법이 사용될 수 있습니다. </p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span>
<span class="normal">17</span>
<span class="normal">18</span>
<span class="normal">19</span>
<span class="normal">20</span>
<span class="normal">21</span>
<span class="normal">22</span>
<span class="normal">23</span>
<span class="normal">24</span>
<span class="normal">25</span>
<span class="normal">26</span>
<span class="normal">27</span>
<span class="normal">28</span>
<span class="normal">29</span>
<span class="normal">30</span>
<span class="normal">31</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">ScreenGUI</span> <span class="o">=</span> <span class="n">script</span><span class="p">.</span><span class="n">Parent</span>
<span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">Event</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Event</span>
<span class="kd">local</span> <span class="n">Mount</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Mount</span>
<span class="kd">local</span> <span class="n">TextButton</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{</span>
<span class="p">[</span><span class="n">Event</span> <span class="s2">&quot;MouseButton1Click&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="kr">function</span> <span class="p">(</span><span class="n">self</span><span class="p">,</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">)</span>
<span class="nb">print</span><span class="p">((</span><span class="s2">&quot;버튼이 %d,%d 에서 눌렸습니다&quot;</span><span class="p">):</span><span class="n">format</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">))</span>
<span class="kr">end</span><span class="p">;</span>
<span class="n">Size</span> <span class="o">=</span> <span class="n">props</span> <span class="s2">&quot;Size&quot;</span><span class="p">;</span>
<span class="n">Text</span> <span class="o">=</span> <span class="n">props</span> <span class="s2">&quot;Text&quot;</span><span class="p">;</span> <span class="c1">-- 레지스터를 이용합니다</span>
<span class="p">}</span>
<span class="kr">end</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="n">myImported</span><span class="p">.</span><span class="n">Size</span> <span class="o">=</span> <span class="n">UDim2</span><span class="p">.</span><span class="n">fromOffset</span><span class="p">(</span><span class="mi">200</span><span class="p">,</span><span class="mi">200</span><span class="p">)</span>
<span class="kd">local</span> <span class="n">test</span> <span class="o">=</span> <span class="n">myImported</span> <span class="p">{</span>
<span class="n">Text</span> <span class="o">=</span> <span class="s2">&quot;wow&quot;</span>
<span class="p">}</span>
<span class="n">Mount</span><span class="p">(</span><span class="n">ScreenGUI</span><span class="p">,</span> <span class="n">test</span><span class="p">)</span>
<span class="c1">-- 텍스트를 업데이트합니다</span>
<span class="kr">while</span> <span class="n">task</span><span class="p">.</span><span class="n">wait</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span> <span class="kr">do</span>
<span class="n">test</span><span class="p">.</span><span class="n">Text</span> <span class="o">=</span> <span class="s2">&quot;w&quot;</span><span class="o">..</span><span class="p">(</span><span class="s2">&quot;o&quot;</span><span class="p">):</span><span class="n">rep</span><span class="p">(</span><span class="o">#</span><span class="n">test</span><span class="p">.</span><span class="n">Text</span><span class="o">-</span><span class="mi">1</span><span class="p">)</span><span class="o">..</span><span class="s2">&quot;w&quot;</span>
<span class="kr">end</span>
</code></pre></div></td></tr></table></div>
<p>```</p>
</blockquote>
<p><mark>OPTION</mark> AfterRender
Getter Setter
Update
GetPropertyChangedSignal
EmitPropertyChangedSignal
Unload
self()
UpdateTriggers</p>
<hr />
<p><mark>Overwite</mark> <mark>Option</mark> <code class="highlight"><span class="o">:</span><span class="nx">Init</span><span class="p">(</span><span class="nx">props</span><span class="o">:</span><span class="kt">valueStore</span><span class="p">)</span></code> </p>
<blockquote>
<p>선택적인 메소드로, Render 가 수행 되기 전에 미리 props 값을 설정할 수 있습니다.</p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span>
<span class="normal">17</span>
<span class="normal">18</span>
<span class="normal">19</span>
<span class="normal">20</span>
<span class="normal">21</span>
<span class="normal">22</span>
<span class="normal">23</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">TextButton</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Init</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="c1">-- Size 값이 없다면 기본값을 사용하도록 합니다.</span>
<span class="n">props</span><span class="p">:</span><span class="n">Default</span><span class="p">(</span><span class="s2">&quot;Size&quot;</span><span class="p">,</span> <span class="n">UDim2</span><span class="p">.</span><span class="n">fromOffset</span><span class="p">(</span><span class="mi">100</span><span class="p">,</span><span class="mi">100</span><span class="p">))</span>
<span class="c1">-- 앞에 _ 를 붇여 내부 변수를 만듭니다.</span>
<span class="c1">-- 어디에서나 쓰일 수 있으며 register 에 영향주지 않습니다.</span>
<span class="n">self</span><span class="p">.</span><span class="n">_asdf</span> <span class="o">=</span> <span class="kc">true</span>
<span class="kr">end</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{</span>
<span class="n">props</span> <span class="s2">&quot;Size&quot;</span>
<span class="p">}</span>
<span class="kr">end</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="kd">local</span> <span class="n">myButton</span> <span class="o">=</span> <span class="n">myImported</span><span class="p">()</span> <span class="c1">-- 옵션 없음</span>
<span class="nb">print</span><span class="p">(</span><span class="n">myButton</span><span class="p">.</span><span class="n">Size</span><span class="p">)</span>
</code></pre></div></td></tr></table></div>
</blockquote>
<hr />
<p><mark>Overwite</mark> <mark>Option</mark> <code class="highlight"><span class="o">:</span><span class="nx">AfterRender</span><span class="p">(</span><span class="nx">object</span><span class="o">:</span><span class="kt">any</span><span class="p">)</span></code> </p>
<blockquote>
<p>선택적인 메소드로, Render 가 수행 된 후 할 작업을 만들 수 있습니다. 첫번째 인자로 Render 가 반환한 값이 주어집니다. </p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span>
<span class="normal">17</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">TextButton</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{</span>
<span class="n">self</span> <span class="s2">&quot;_button&quot;</span><span class="p">;</span> <span class="c1">-- 자기 자신에 이 버튼을 넣습니다</span>
<span class="p">}</span>
<span class="kr">end</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">AfterRender</span><span class="p">(</span><span class="n">object</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">self</span><span class="p">.</span><span class="n">_button</span> <span class="o">==</span> <span class="n">object</span><span class="p">)</span> <span class="c1">-- true</span>
<span class="kr">end</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="n">myImported</span><span class="p">()</span> <span class="c1">-- 옵션 없음</span>
</code></pre></div></td></tr></table></div>
</blockquote>
<hr />
<p><mark>Overwite</mark> <mark>Option</mark> <code class="highlight"><span class="o">:</span><span class="nx">Update</span><span class="p">()</span></code> </p>
<blockquote>
<p><code>:Render</code><code>:AfterRender</code> 를 다시 실행하고, 이전에 있던 자식들을 다시 끌어옵니다.<br />
이전의 Render 결과는 제거됩니다
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span>
<span class="normal">17</span>
<span class="normal">18</span>
<span class="normal">19</span>
<span class="normal">20</span>
<span class="normal">21</span>
<span class="normal">22</span>
<span class="normal">23</span>
<span class="normal">24</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">TextButton</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">count</span> <span class="o">=</span> <span class="mi">0</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Rendering!&quot;</span><span class="p">)</span>
<span class="n">count</span> <span class="o">=</span> <span class="n">count</span> <span class="o">+</span> <span class="mi">1</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{</span>
<span class="n">self</span> <span class="s2">&quot;_button&quot;</span><span class="p">;</span>
<span class="n">Name</span> <span class="o">=</span> <span class="nb">tostring</span><span class="p">(</span><span class="n">count</span><span class="p">);</span>
<span class="p">}</span>
<span class="kr">end</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">AfterRender</span><span class="p">(</span><span class="n">object</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">self</span><span class="p">.</span><span class="n">_button</span><span class="p">.</span><span class="n">Name</span><span class="p">)</span>
<span class="kr">end</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="kd">local</span> <span class="n">myButton</span> <span class="o">=</span> <span class="n">myImported</span><span class="p">()</span>
<span class="n">myButton</span><span class="p">:</span><span class="n">Update</span><span class="p">()</span> <span class="c1">-- update</span>
<span class="n">myButton</span><span class="p">:</span><span class="n">Update</span><span class="p">()</span> <span class="c1">-- update</span>
<span class="n">myButton</span><span class="p">:</span><span class="n">Update</span><span class="p">()</span> <span class="c1">-- update</span>
</code></pre></div></td></tr></table></div></p>
</blockquote>
<hr />
<p><mark>Overwite</mark> <mark>Option</mark> <code class="highlight"><span class="p">.</span><span class="nx">Getter</span><span class="p">.</span><span class="o">&lt;</span><span class="nx">PropertyName</span><span class="o">&gt;</span><span class="p">(</span><span class="nx">self</span><span class="p">)</span></code> </p>
<blockquote>
<p>값을 얻는데 사용됩니다.
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">TextButton</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{}</span>
<span class="kr">end</span>
<span class="c1">-- 값을 읽는데 사용할 함수를 등록합니다</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">.</span><span class="nc">Getter</span><span class="p">.</span><span class="nf">Test</span><span class="p">(</span><span class="n">self</span><span class="p">)</span>
<span class="kr">return</span> <span class="s2">&quot;Hello World&quot;</span>
<span class="kr">end</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">myImported</span><span class="p">().</span><span class="n">Test</span><span class="p">)</span>
</code></pre></div></td></tr></table></div></p>
</blockquote>
<hr />
<p><mark>Overwite</mark> <mark>Option</mark> <code class="highlight"><span class="p">.</span><span class="nx">Setter</span><span class="p">.</span><span class="o">&lt;</span><span class="nx">PropertyName</span><span class="o">&gt;</span><span class="p">(</span><span class="nx">self</span><span class="p">,</span><span class="nx">newValue</span><span class="o">:</span><span class="kt">any</span><span class="p">)</span></code> </p>
<blockquote>
<p>값을 설정하는데 사용됩니다.
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span>
<span class="normal">17</span>
<span class="normal">18</span>
<span class="normal">19</span>
<span class="normal">20</span>
<span class="normal">21</span>
<span class="normal">22</span>
<span class="normal">23</span>
<span class="normal">24</span>
<span class="normal">25</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">TextButton</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{</span>
<span class="n">self</span> <span class="s2">&quot;_button&quot;</span><span class="p">;</span>
<span class="n">Text</span> <span class="o">=</span> <span class="s2">&quot;wow&quot;</span><span class="p">;</span>
<span class="p">}</span>
<span class="kr">end</span>
<span class="c1">-- 값을 지정하는데 사용할 함수를 등록합니다</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">.</span><span class="nc">Setter</span><span class="p">.</span><span class="nf">Test</span><span class="p">(</span><span class="n">self</span><span class="p">,</span><span class="n">newValue</span><span class="p">)</span>
<span class="n">self</span><span class="p">.</span><span class="n">_button</span><span class="p">.</span><span class="n">Text</span> <span class="o">=</span> <span class="n">newValue</span>
<span class="kr">end</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">.</span><span class="nc">Getter</span><span class="p">.</span><span class="nf">Test</span><span class="p">(</span><span class="n">self</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">self</span><span class="p">.</span><span class="n">_button</span><span class="p">.</span><span class="n">Text</span>
<span class="kr">end</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="kd">local</span> <span class="n">myButton</span> <span class="o">=</span> <span class="n">myImported</span><span class="p">()</span>
<span class="nb">print</span><span class="p">(</span><span class="n">myButton</span><span class="p">.</span><span class="n">Test</span><span class="p">)</span>
<span class="n">myButton</span><span class="p">.</span><span class="n">Test</span> <span class="o">=</span> <span class="s2">&quot;Hello World&quot;</span>
<span class="nb">print</span><span class="p">(</span><span class="n">myButton</span><span class="p">.</span><span class="n">Test</span><span class="p">)</span>
</code></pre></div></td></tr></table></div></p>
</blockquote>
<hr />
<p><mark>Overwite</mark> <mark>Option</mark> <code class="highlight"><span class="p">.</span><span class="nx">UpdateTriggers</span><span class="p">.</span><span class="o">&lt;</span><span class="nx">PropertyName</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kt">boolean</span><span class="o">?</span></code> </p>
<blockquote>
<p>해당 값을 변경하면 Update 가 수행될지 여부를 지정합니다.
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span>
<span class="normal">17</span>
<span class="normal">18</span>
<span class="normal">19</span>
<span class="normal">20</span>
<span class="normal">21</span>
<span class="normal">22</span>
<span class="normal">23</span>
<span class="normal">24</span>
<span class="normal">25</span>
<span class="normal">26</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">TextButton</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">count</span> <span class="o">=</span> <span class="mi">0</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Rendering!&quot;</span><span class="p">)</span>
<span class="n">count</span> <span class="o">=</span> <span class="n">count</span> <span class="o">+</span> <span class="mi">1</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{</span>
<span class="n">self</span> <span class="s2">&quot;_button&quot;</span><span class="p">;</span>
<span class="n">Name</span> <span class="o">=</span> <span class="nb">tostring</span><span class="p">(</span><span class="n">count</span><span class="p">);</span>
<span class="p">}</span>
<span class="kr">end</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">AfterRender</span><span class="p">(</span><span class="n">object</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">self</span><span class="p">.</span><span class="n">_button</span><span class="p">.</span><span class="n">Name</span><span class="p">)</span>
<span class="kr">end</span>
<span class="c1">-- 값 변경시 업데이트 여부를 지정합니다</span>
<span class="n">myClass</span><span class="p">.</span><span class="n">UpdateTriggers</span><span class="p">.</span><span class="n">Test</span> <span class="o">=</span> <span class="kc">true</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="kd">local</span> <span class="n">myButton</span> <span class="o">=</span> <span class="n">myImported</span><span class="p">()</span>
<span class="n">myButton</span><span class="p">.</span><span class="n">Test</span> <span class="o">=</span> <span class="mi">1</span> <span class="c1">-- update</span>
<span class="n">myButton</span><span class="p">.</span><span class="n">Test</span> <span class="o">=</span> <span class="mi">1</span> <span class="c1">-- update</span>
<span class="n">myButton</span><span class="p">.</span><span class="n">Test</span> <span class="o">=</span> <span class="mi">1</span> <span class="c1">-- update</span>
</code></pre></div></td></tr></table></div></p>
</blockquote>
<hr />
<p><mark>Overwite</mark> <mark>Option</mark> <code class="highlight"><span class="o">:</span><span class="nx">Unload</span><span class="p">(</span><span class="nx">object</span><span class="p">)</span></code> </p>
<blockquote>
<p>:Destroy 가 호출될 때 사용됩니다. 따로 선언하지 않아도 연결을 모두 끊고 없에주지만 필요한 경우 직접 없에줄 수 있습니다. object 는 :Render 가 반환한 값입니다</p>
</blockquote>
<hr />
<p><code class="highlight"><span class="o">:</span><span class="nx">GetPropertyChangedSignal</span><span class="p">(</span><span class="nx">propertyName</span><span class="o">:</span><span class="kt">string</span><span class="p">)</span><span class="o">-&gt;</span><span class="nx">Bindable</span></code> </p>
<blockquote>
<p>값 변경을 연결할 수 있는 <code>Bindable</code>을 반환합니다. <code>:EmitPropertyChangedSignal</code> 으로 이 시그널을 작동시킬 수 있습니다. 편의상 이 시그널이 작동할 때, 새로운 값이 첫번째 인자로 주어집니다.</p>
</blockquote>
<hr />
<p><code class="highlight"><span class="o">:</span><span class="nx">EmitPropertyChangedSignal</span><span class="p">(</span><span class="nx">propertyName</span><span class="o">:</span><span class="kt">string</span><span class="p">,</span><span class="nx">changedValue</span><span class="o">:</span><span class="kt">any?</span><span class="p">)</span></code> </p>
<blockquote>
<p>프로퍼티 변경시 <code>:GetPropertyChangedSignal</code> 에 등록된 함수가 실행되도록 이 함수를 호출해 주어야 합니다. 일반적으로 <code class="highlight"><span class="nx">self</span><span class="p">.</span><span class="nx">a</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">1</span></code> 과 같은 방식으로 바로 값을 설정하는 경우 자동적으로 이 함수가 실행되지만, 텍스트 박스의 텍스트 처럼 객체의 변경사항을 연동해야 하는 경우 이 함수를 사용할 수 있습니다. <code>changedValue</code> 는 선택사항이며, 주어지지 않으면 <code class="highlight"><span class="nx">self</span><span class="p">[</span><span class="nx">propertyName</span><span class="p">]</span></code>을 반환합니다.
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span>
<span class="normal">17</span>
<span class="normal">18</span>
<span class="normal">19</span>
<span class="normal">20</span>
<span class="normal">21</span>
<span class="normal">22</span>
<span class="normal">23</span>
<span class="normal">24</span>
<span class="normal">25</span>
<span class="normal">26</span>
<span class="normal">27</span>
<span class="normal">28</span>
<span class="normal">29</span>
<span class="normal">30</span>
<span class="normal">31</span>
<span class="normal">32</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">ScreenGUI</span> <span class="o">=</span> <span class="n">script</span><span class="p">.</span><span class="n">Parent</span>
<span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">Mount</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Mount</span>
<span class="kd">local</span> <span class="n">Evnet</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Event</span>
<span class="kd">local</span> <span class="n">TextBox</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{</span>
<span class="n">self</span> <span class="s2">&quot;_box&quot;</span><span class="p">;</span>
<span class="n">Text</span> <span class="o">=</span> <span class="s2">&quot;test&quot;</span><span class="p">;</span>
<span class="n">Size</span> <span class="o">=</span> <span class="n">UDim2</span><span class="p">.</span><span class="n">fromOffset</span><span class="p">(</span><span class="mi">200</span><span class="p">,</span><span class="mi">200</span><span class="p">);</span>
<span class="p">[</span><span class="n">Evnet</span><span class="p">.</span><span class="n">Prop</span> <span class="s2">&quot;Text&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="kr">function</span> <span class="p">(</span><span class="n">this</span><span class="p">,</span><span class="n">newValue</span><span class="p">)</span>
<span class="n">self</span><span class="p">:</span><span class="n">EmitPropertyChangedSignal</span><span class="p">(</span><span class="s2">&quot;Text&quot;</span><span class="p">,</span><span class="n">newValue</span><span class="p">)</span>
<span class="kr">end</span><span class="p">;</span>
<span class="c1">-- [Evnet.Prop &quot;Text&quot;] = self &quot;Text&quot; 와 동일합니다.</span>
<span class="c1">-- self(name:string) 문법으로 변경 이벤트 역시 링크</span>
<span class="c1">-- 할 수 있습니다.</span>
<span class="p">}</span>
<span class="kr">end</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">.</span><span class="nc">Getter</span><span class="p">.</span><span class="nf">Text</span><span class="p">(</span><span class="n">self</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">self</span><span class="p">.</span><span class="n">_box</span><span class="p">.</span><span class="n">Text</span>
<span class="kr">end</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="kd">local</span> <span class="n">myButton</span> <span class="o">=</span> <span class="n">myImported</span><span class="p">()</span>
<span class="n">myButton</span><span class="p">:</span><span class="n">GetPropertyChangedSignal</span><span class="p">(</span><span class="s2">&quot;Text&quot;</span><span class="p">):</span><span class="n">Connect</span><span class="p">(</span><span class="kr">function</span><span class="p">()</span>
<span class="nb">print</span><span class="p">(</span><span class="n">myButton</span><span class="p">.</span><span class="n">Text</span><span class="p">)</span>
<span class="kr">end</span><span class="p">)</span>
<span class="n">Mount</span><span class="p">(</span><span class="n">ScreenGUI</span><span class="p">,</span> <span class="n">myButton</span><span class="p">)</span>
</code></pre></div></td></tr></table></div></p>
</blockquote>

View file

@ -307,6 +307,8 @@
@ -335,8 +337,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +365,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -622,6 +638,22 @@
@ -630,6 +662,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -641,6 +677,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -307,6 +307,8 @@
@ -335,8 +337,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +365,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -622,6 +638,22 @@
@ -630,6 +662,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -641,6 +677,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -307,6 +307,8 @@
@ -335,8 +337,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +365,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -622,6 +638,22 @@
@ -630,6 +662,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -641,6 +677,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

File diff suppressed because it is too large Load diff

View file

@ -307,6 +307,8 @@
@ -335,8 +337,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +365,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -622,6 +638,22 @@
@ -630,6 +662,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -641,6 +677,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -307,6 +307,8 @@
@ -335,8 +337,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +365,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -622,6 +638,22 @@
@ -630,6 +662,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -641,6 +677,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

File diff suppressed because it is too large Load diff

View file

@ -307,6 +307,8 @@
@ -335,8 +337,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +365,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -622,6 +638,22 @@
@ -630,6 +662,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -641,6 +677,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -667,12 +1013,12 @@
<h1>tweenOptions</h1>
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">Time</span><span class="o">:</span><span class="kt">number?</span></code> </p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">Time</span><span class="o">:</span><span class="kt">number?</span></code> </p>
<blockquote>
<p>트윈의 총 길이를 정합니다. <em>아무 값도 지정하지 않으면 <code class="highlight"><span class="mf">1</span></code>이 사용됩니다.</em> </p>
</blockquote>
<hr />
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">Easing</span><span class="o">:</span><span class="kt">string</span><span class="o">|</span><span class="p">(</span><span class="nx">index</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="kt">number</span><span class="o">?</span></code> </p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">Easing</span><span class="o">:</span><span class="kt">string</span><span class="o">|</span><span class="p">(</span><span class="nx">index</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="kt">number</span><span class="o">?</span></code> </p>
<blockquote>
<p>트윈의 가감속 정도를 결정합니다. 문자열 그대로 사용하거나, <code class="highlight"><span class="nx">Tween</span><span class="p">.</span><span class="nx">Easings</span><span class="p">.</span><span class="nx">Linear</span></code>와 같이 열거형 방식으로 사용할 수 있습니다.<br />
혹은 필요에 따라 함수를 지정할 수도 있습니다. 함수를 Easing 으로 사용하는 경우 첫번째 인자로 1차 진행도 (Linear, 0 에서 1 사이의 값) 값이 주어지며, 계산 결과로 실제 적용될 위치를 반환해야합니다. 반환값은 음수이거나 1 보다 클 수 있습니다.<br />
@ -710,7 +1056,7 @@
함수에 관한 자세한 설명과 미리보기는 <a href="../reference/tween/easings">여기에서</a> 확인하세요 </p>
</blockquote>
<hr />
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">Direction</span><span class="o">:</span><span class="kt">string?</span></code> </p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">Direction</span><span class="o">:</span><span class="kt">string?</span></code> </p>
<blockquote>
<p>트윈이 진행되는 방향입니다. 문자열 그대로 사용하거나, <code class="highlight"><span class="nx">Tween</span><span class="p">.</span><span class="nx">Directions</span><span class="p">.</span><span class="nx">Out</span></code>과 같이 열거형 방식으로 사용할 수 있습니다.<br />
<em>아무 값도 지정하지 않으면 <code>Out</code>이 사용됩니다.</em>
@ -731,24 +1077,24 @@
방향에 관한 자세한 설명과 미리보기는 <a href="../reference/tween/directions">여기에서</a> 확인하세요 </p>
</blockquote>
<hr />
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">CallBack</span><span class="o">:</span><span class="p">{[</span><span class="kt">number</span><span class="o">|</span><span class="s2">&quot;*&quot;</span><span class="o">|</span><span class="kt">string</span><span class="p">]</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Alpha</span><span class="o">:</span><span class="kt">number</span><span class="p">,</span><span class="w"> </span><span class="nx">AbsolutePercent</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="p">()}</span><span class="o">?</span></code> </p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">CallBack</span><span class="o">:</span><span class="p">{[</span><span class="kt">number</span><span class="o">|</span><span class="s2">&quot;*&quot;</span><span class="o">|</span><span class="kt">string</span><span class="p">]</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Alpha</span><span class="o">:</span><span class="kt">number</span><span class="p">,</span><span class="w"> </span><span class="nx">AbsolutePercent</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="p">()}</span><span class="o">?</span></code> </p>
<blockquote>
<p>선택적인 필드이며, 트윈이 실행중인 도중에 함수를 실행시킬 수 있습니다. 트윈의 진행 정도에 따라서 한번 함수가 실행되거나 트윈 진행중 계속해서 실행되도록 만들 수 있습니다.<br />
인덱스가 숫자인 경우 해당 지점을 넘을 때 함수가 실행되도록 만들 수 있으며, <code class="highlight"><span class="s2">&quot;*&quot;</span></code> 를 인덱스로 사용하면 모든 부분에서 함수가 실행됩니다.<br />
함수에는 편의상 트윈을 하고있는 오브젝트, 위치값, 시간만을 고려한 1차 위치값이 제공됩니다. </p>
</blockquote>
<hr />
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">OnStepped</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Alpha</span><span class="o">:</span><span class="kt">number</span><span class="p">,</span><span class="w"> </span><span class="nx">AbsolutePercent</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="p">()</span><span class="o">?</span></code> </p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">OnStepped</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Alpha</span><span class="o">:</span><span class="kt">number</span><span class="p">,</span><span class="w"> </span><span class="nx">AbsolutePercent</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="p">()</span><span class="o">?</span></code> </p>
<blockquote>
<p>CallBack 에 <code class="highlight"><span class="s2">&quot;*&quot;</span></code> 를 넣은것과 동일한 효과를 가지는 별칭입니다 </p>
</blockquote>
<hr />
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">Ended</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Alpha</span><span class="o">:</span><span class="kt">number</span><span class="p">,</span><span class="w"> </span><span class="nx">AbsolutePercent</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="p">()</span><span class="o">?</span></code> </p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">Ended</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Alpha</span><span class="o">:</span><span class="kt">number</span><span class="p">,</span><span class="w"> </span><span class="nx">AbsolutePercent</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="p">()</span><span class="o">?</span></code> </p>
<blockquote>
<p>CallBack 에 <code class="highlight"><span class="mi">1</span></code>을 넣은것과 동일한 효과를 가지는 별칭입니다 </p>
</blockquote>
<hr />
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">Getter</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Property</span><span class="o">:</span><span class="kt">string</span><span class="p">)</span><span class="o">-&gt;</span><span class="nx">any</span><span class="o">?</span></code> </p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">Getter</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Property</span><span class="o">:</span><span class="kt">string</span><span class="p">)</span><span class="o">-&gt;</span><span class="nx">any</span><span class="o">?</span></code> </p>
<blockquote>
<p>선택적인 필드이며, 트윈이 값을 얻으려 할 때 사용할 함수입니다.<br />
함수에 트윈하고 있는 오브젝트, 프로퍼티 이름이 제공됩니다. </p>
@ -758,7 +1104,7 @@
</details>
</blockquote>
<hr />
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">Getter</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Property</span><span class="o">:</span><span class="kt">string</span><span class="p">,</span><span class="w"> </span><span class="nx">Value</span><span class="o">:</span><span class="kt">Lerpable</span><span class="p">)</span><span class="o">-&gt;</span><span class="nx">any</span><span class="o">?</span></code></p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">Getter</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Property</span><span class="o">:</span><span class="kt">string</span><span class="p">,</span><span class="w"> </span><span class="nx">Value</span><span class="o">:</span><span class="kt">Lerpable</span><span class="p">)</span><span class="o">-&gt;</span><span class="nx">any</span><span class="o">?</span></code></p>
<blockquote>
<p>선택적인 필드이며, 트윈이 값을 설정하려 할 때 사용할 함수입니다.
함수에 트윈하고 있는 오브젝트, 프로퍼티 이름, 설정할 값이 제공됩니다. </p>

View file

@ -12,7 +12,7 @@
<meta name="author" content="Qwreey and more">
<link rel="canonical" href="https://quad.qwreey.kr/kr/include/typeDirection/">
<link rel="canonical" href="https://quad.qwreey.kr/kr/include/typeDirections/">
@ -21,7 +21,7 @@
<title>typeDirection - Quad 한국어 문서</title>
<title>typeDirections - Quad 한국어 문서</title>
@ -92,7 +92,7 @@
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
typeDirection
typeDirections
</span>
</div>
@ -307,6 +307,8 @@
@ -335,8 +337,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +365,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -622,6 +638,22 @@
@ -630,6 +662,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -641,6 +677,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -665,7 +1011,7 @@
<h1>typeDirection</h1>
<h1>typeDirections</h1>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
<span class="normal">2</span>

View file

@ -307,6 +307,8 @@
@ -335,8 +337,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +365,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -622,6 +638,22 @@
@ -630,6 +662,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -641,6 +677,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -16,7 +16,7 @@
<link rel="next" href="license/">
<link rel="next" href="gallery/">
<link rel="icon" href="assets/LUAICON_TP.png">
<meta name="generator" content="mkdocs-1.4.2, mkdocs-material-9.0.13">
@ -318,6 +318,8 @@
@ -346,8 +348,8 @@
<li class="md-nav__item">
<a href="license/" class="md-nav__link">
라이선스
<a href="gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -374,8 +376,22 @@
<li class="md-nav__item">
<a href="gallery/" class="md-nav__link">
갤러리
<a href="license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -633,6 +649,22 @@
@ -641,6 +673,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -652,6 +688,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -677,50 +1023,8 @@
<h1 id="quad">Quad<a class="headerlink" href="#quad" title="Permanent link">&para;</a></h1>
<p>처음오셨나요? <a href="kr/tutorial/0gettingStarted">튜토리얼 문서</a>를 읽어보세요!<br />
<p>처음오셨나요? <a href="tutorial">튜토리얼 문서</a>를 읽어보세요!<br />
처음부터 차근차근 Quad 모듈을 정복할 수 있어요 </p>
<h2 id="_1">튜토리얼 문서 목차<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h2>
<h2 id="api">API 레퍼런스<a class="headerlink" href="#api" title="Permanent link">&para;</a></h2>
<p>class
<em>__call</em>, import
<em>class</em> extend
<em>private</em> ~~make~~</p>
<p>event
<em>__call</em>
prop
created
createdSync
disconnecter
<em>private</em> ~~bind~~</p>
<p>mount
<em>__call</em> mount =&gt; mountClass|mountsClass
<em>class</em> mountClass|mountsClass</p>
<p>store
getObject
getObjects =&gt; objectList
addObject
<em>class</em> objectList
<em>class</em> store</p>
<p>style
<em>private</em> ~~parseStyles~~
<em>__call</em> new</p>
<p>tween (from @qwreey75:AdvancedTween)</p>
<h2 id="_2">진행중이거나 검토중<a class="headerlink" href="#_2" title="Permanent link">&para;</a></h2>
<h3 id="spring">Spring<a class="headerlink" href="#spring" title="Permanent link">&para;</a></h3>
<p>Spring 물리 계산을 UI 애니메이션에 적용합니다<br />
WIP. 아직 진행중인 프로젝트. </p>
<h3 id="quad-debuger">Quad Debuger<a class="headerlink" href="#quad-debuger" title="Permanent link">&para;</a></h3>
<p>Register 의 상태와 Store 의 값, Class 의 동작 여부 등 Quad 의 여러 자원을 긴밀하게 디버그합니다.<br />
WIP. 아직 진행중인 프로젝트. </p>
<h3 id="selection">Selection<a class="headerlink" href="#selection" title="Permanent link">&para;</a></h3>
<p>Tab 키등으로 버튼 선택하기 (... 가능함?)
WIP. 검토중인 프로젝트. </p>
<h3 id="quad-component-studio">Quad Component Studio<a class="headerlink" href="#quad-component-studio" title="Permanent link">&para;</a></h3>
<p>눈에 보이는 워지워그식 편집기를 이용해 Quad Class 를 생성합니다.<br />
WIP. 아직 진행중인 프로젝트. </p>
<h3 id="quad-webrender">Quad WebRender<a class="headerlink" href="#quad-webrender" title="Permanent link">&para;</a></h3>
<p>HTML, CSS, JS 로써 스크립트를 변형해 스튜디오 없이 개발하는 가벼운 개발법입니다.<br />
WIP. 검토중인 프로젝트. </p>
@ -748,13 +1052,13 @@ WIP. 검토중인 프로젝트. </p>
<a href="license/" class="md-footer__link md-footer__link--next" aria-label="다음: 라이선스" rel="next">
<a href="gallery/" class="md-footer__link md-footer__link--next" aria-label="다음: 갤러리" rel="next">
<div class="md-footer__title">
<div class="md-ellipsis">
<span class="md-footer__direction">
다음
</span>
라이선스
갤러리
</div>
</div>
<div class="md-footer__button md-icon">

View file

@ -15,10 +15,10 @@
<link rel="canonical" href="https://quad.qwreey.kr/kr/license/">
<link rel="prev" href="..">
<link rel="prev" href="../changelogs/">
<link rel="next" href="../changelogs/">
<link rel="next" href="../todo/">
<link rel="icon" href="../assets/LUAICON_TP.png">
<meta name="generator" content="mkdocs-1.4.2, mkdocs-material-9.0.13">
@ -68,6 +68,11 @@
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#_1" class="md-skip">
콘텐츠로 이동
</a>
</div>
<div data-md-component="announce">
@ -315,6 +320,8 @@
@ -341,19 +348,11 @@
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<a href="./" class="md-nav__link md-nav__link--active">
라이선스
<li class="md-nav__item">
<a href="../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -377,10 +376,34 @@
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<a href="./" class="md-nav__link md-nav__link--active">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../gallery/" class="md-nav__link">
갤러리
<a href="../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -638,6 +661,22 @@
@ -646,6 +685,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -657,6 +700,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -681,11 +1034,41 @@
<h1>라이선스</h1>
<h1 id="_1">라이선스<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h1>
<div class="tabbed-set tabbed-alternate" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><div class="tabbed-labels"><label for="__tabbed_1_1">Korean</label><label for="__tabbed_1_2">English</label></div>
<div class="tabbed-content">
<div class="tabbed-block">
<table>
<thead>
<tr>
<th>Permissions</th>
<th>Limitations</th>
<th>Conditions</th>
</tr>
</thead>
<tbody>
<tr>
<td>✅ 상업적 사용</td>
<td>❎ 보증</td>
<td>❓ 라이선스와 저작권 고지 (권고사항)</td>
</tr>
<tr>
<td>✅ 배포</td>
<td>❎ 무례하게 굴기</td>
<td></td>
</tr>
<tr>
<td>✅ 변경/수정/2차저작</td>
<td>❎ 러시아를 비롯한 전쟁을 돕는</td>
<td></td>
</tr>
<tr>
<td>✅ 개인적 사용</td>
<td>❎ 아무런 변경사항 없이 복제</td>
<td></td>
</tr>
</tbody>
</table>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
@ -786,6 +1169,37 @@ qwreeykawaii 라이선스의 복사 배포 및 수정에
</code></pre></div></td></tr></table></div>
</div>
<div class="tabbed-block">
<table>
<thead>
<tr>
<th>Permissions</th>
<th>Limitations</th>
<th>Conditions</th>
</tr>
</thead>
<tbody>
<tr>
<td>✅ Commercial use</td>
<td>❎ Warranty</td>
<td>❓ License and copyright notice (Recommendation)</td>
</tr>
<tr>
<td>✅ Distribution</td>
<td>❎ Being Rude</td>
<td></td>
</tr>
<tr>
<td>✅ Modification</td>
<td>❎ Russian, And supporting war</td>
<td></td>
</tr>
<tr>
<td>✅ Private use</td>
<td>❎ Copy without any modification</td>
<td></td>
</tr>
</tbody>
</table>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
@ -899,7 +1313,7 @@ it can support the war.
<nav class="md-footer__inner md-grid" aria-label="Footer" >
<a href=".." class="md-footer__link md-footer__link--prev" aria-label="이전: Quad" rel="prev">
<a href="../changelogs/" class="md-footer__link md-footer__link--prev" aria-label="이전: 변경사항" rel="prev">
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
</div>
@ -908,20 +1322,20 @@ it can support the war.
<span class="md-footer__direction">
이전
</span>
Quad
변경사항
</div>
</div>
</a>
<a href="../changelogs/" class="md-footer__link md-footer__link--next" aria-label="다음: 변경사항" rel="next">
<a href="../todo/" class="md-footer__link md-footer__link--next" aria-label="다음: 로드맵" rel="next">
<div class="md-footer__title">
<div class="md-ellipsis">
<span class="md-footer__direction">
다음
</span>
변경사항
로드맵
</div>
</div>
<div class="md-footer__button md-icon">

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -18,12 +18,14 @@
<link rel="prev" href="../tutorial/11_extend/">
<link rel="next" href="signal/">
<link rel="icon" href="../assets/LUAICON_TP.png">
<meta name="generator" content="mkdocs-1.4.2, mkdocs-material-9.0.13">
<title>Index - Quad 한국어 문서</title>
<title>Reference - Quad 한국어 문서</title>
@ -66,6 +68,11 @@
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#reference" class="md-skip">
콘텐츠로 이동
</a>
</div>
<div data-md-component="announce">
@ -94,7 +101,7 @@
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Index
Reference
</span>
</div>
@ -311,6 +318,8 @@
@ -339,8 +348,8 @@
<li class="md-nav__item">
<a href="../license/" class="md-nav__link">
라이선스
<a href="../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -367,8 +376,22 @@
<li class="md-nav__item">
<a href="../gallery/" class="md-nav__link">
갤러리
<a href="../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -628,6 +651,22 @@
@ -636,6 +675,10 @@
<div class="md-nav__link md-nav__link--index md-nav__link--active">
<a href="./">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="true">
@ -647,6 +690,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -671,9 +1024,8 @@
<h1>Index</h1>
<h1 id="reference">Reference<a class="headerlink" href="#reference" title="Permanent link">&para;</a></h1>
<p>이 섹션은 api 내용을 나열하지만, 깊게 설명하지 않을 수 있습니다. <a href="../tutorial/">튜토리얼 문서</a>를 읽어보는것을 권장합니다. </p>
@ -715,6 +1067,21 @@
</a>
<a href="signal/" class="md-footer__link md-footer__link--next" aria-label="다음: Signal" rel="next">
<div class="md-footer__title">
<div class="md-ellipsis">
<span class="md-footer__direction">
다음
</span>
Signal
</div>
</div>
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4Z"/></svg>
</div>
</a>
</nav>

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -15,6 +15,8 @@
<link rel="canonical" href="https://quad.qwreey.kr/kr/reference/tween/directions/">
<link rel="prev" href="../easings/">
<link rel="icon" href="../../../assets/LUAICON_TP.png">
<meta name="generator" content="mkdocs-1.4.2, mkdocs-material-9.0.13">
@ -64,6 +66,11 @@
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#tweendirections" class="md-skip">
콘텐츠로 이동
</a>
</div>
<div data-md-component="announce">
@ -222,13 +229,15 @@
<li class="md-tabs__item">
<a href="../../" class="md-tabs__link">
<a href="../../" class="md-tabs__link md-tabs__link--active">
레퍼런스
</a>
</li>
@ -307,6 +316,8 @@
@ -335,8 +346,8 @@
<li class="md-nav__item">
<a href="../../../license/" class="md-nav__link">
라이선스
<a href="../../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +374,22 @@
<li class="md-nav__item">
<a href="../../../gallery/" class="md-nav__link">
갤러리
<a href="../../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -608,20 +633,38 @@
<li class="md-nav__item md-nav__item--nested">
<li class="md-nav__item md-nav__item--active md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" checked>
@ -630,9 +673,13 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span>
레퍼런스
@ -641,6 +688,328 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" checked>
<div class="md-nav__link md-nav__link--index ">
<a href="../">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<a href="./" class="md-nav__link md-nav__link--active">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -665,9 +1034,15 @@
<h1>Directions</h1>
<h1 id="tweendirections">Tween.Directions<a class="headerlink" href="#tweendirections" title="Permanent link">&para;</a></h1>
<p><code>Out</code><br />
초반에 가속이 이루워지며, 후반에 느려집니다. </p>
<hr />
<p><code>In</code><br />
초반에는 느리며, 점점 가속이 늘어납니다. </p>
<hr />
<p><code>InOut</code><br />
중간에서 가장 빠른 속도를 가지며, 후반 초반 모두 감속이 이루워집니다.</p>
@ -690,6 +1065,27 @@
<footer class="md-footer">
<nav class="md-footer__inner md-grid" aria-label="Footer" >
<a href="../easings/" class="md-footer__link md-footer__link--prev" aria-label="이전: Easings" rel="prev">
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
</div>
<div class="md-footer__title">
<div class="md-ellipsis">
<span class="md-footer__direction">
이전
</span>
Easings
</div>
</div>
</a>
</nav>
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">

View file

@ -15,6 +15,10 @@
<link rel="canonical" href="https://quad.qwreey.kr/kr/reference/tween/easings/">
<link rel="prev" href="../tweenOptions/">
<link rel="next" href="../directions/">
<link rel="icon" href="../../../assets/LUAICON_TP.png">
<meta name="generator" content="mkdocs-1.4.2, mkdocs-material-9.0.13">
@ -64,6 +68,11 @@
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#tweeneasings" class="md-skip">
콘텐츠로 이동
</a>
</div>
<div data-md-component="announce">
@ -222,13 +231,15 @@
<li class="md-tabs__item">
<a href="../../" class="md-tabs__link">
<a href="../../" class="md-tabs__link md-tabs__link--active">
레퍼런스
</a>
</li>
@ -307,6 +318,8 @@
@ -335,8 +348,8 @@
<li class="md-nav__item">
<a href="../../../license/" class="md-nav__link">
라이선스
<a href="../../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -363,8 +376,22 @@
<li class="md-nav__item">
<a href="../../../gallery/" class="md-nav__link">
갤러리
<a href="../../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -608,20 +635,38 @@
<li class="md-nav__item md-nav__item--nested">
<li class="md-nav__item md-nav__item--active md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" checked>
@ -630,9 +675,13 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span>
레퍼런스
@ -641,6 +690,328 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" checked>
<div class="md-nav__link md-nav__link--index ">
<a href="../">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<a href="./" class="md-nav__link md-nav__link--active">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -665,9 +1036,72 @@
<h1>Easings</h1>
<h1 id="tweeneasings">Tween.Easings<a class="headerlink" href="#tweeneasings" title="Permanent link">&para;</a></h1>
<p><img alt="함수 개형" src="../assets/EasingStyles.jpg" /><br />
<a href="https://easings.net/">모든 Easing 은 여기에서 직접적으로 확인할 수 있습니다.</a> </p>
<p><code>Linear</code> </p>
<blockquote>
<p>아무런 가감속이 없는 1차형 함수입니다<br />
<code class="highlight"><span class="nx">i</span><span class="o">=</span><span class="nx">x</span><span class="p">,</span><span class="w"> </span><span class="nx">x</span><span class="o">=</span><span class="mf">0</span><span class="w"> </span><span class="nx">to</span><span class="w"> </span><span class="mf">1</span></code> </p>
</blockquote>
<hr />
<p><code>Quint</code> </p>
<blockquote>
<p>5 제곱을 이용한 가감속 함수입니다. Quart 보다 가파른 개형을 가졌습니다<br />
<code class="highlight"><span class="p">(</span><span class="o">^</span><span class="mf">5</span><span class="p">)</span><span class="w"> </span><span class="nx">i</span><span class="o">=</span><span class="mf">1</span><span class="o">-</span><span class="p">(</span><span class="mf">1</span><span class="o">-</span><span class="nx">x</span><span class="p">)</span><span class="o">^</span><span class="mf">5</span><span class="p">,</span><span class="w"> </span><span class="nx">x</span><span class="o">=</span><span class="mf">0</span><span class="w"> </span><span class="nx">to</span><span class="w"> </span><span class="mf">1</span></code> </p>
</blockquote>
<hr />
<p><code>Quart</code> </p>
<blockquote>
<p>네제곱을 이용한 가감속 함수입니다. Cubic 보다 가파른 개형을 가졌습니다<br />
<code class="highlight"><span class="p">(</span><span class="o">^</span><span class="mf">4</span><span class="p">)</span><span class="w"> </span><span class="nx">i</span><span class="o">=</span><span class="mf">1</span><span class="o">-</span><span class="p">(</span><span class="mf">1</span><span class="o">-</span><span class="nx">x</span><span class="p">)</span><span class="o">^</span><span class="mf">4</span><span class="p">,</span><span class="w"> </span><span class="nx">x</span><span class="o">=</span><span class="mf">0</span><span class="w"> </span><span class="nx">to</span><span class="w"> </span><span class="mf">1</span></code> </p>
</blockquote>
<hr />
<p><code>Cubic</code> </p>
<blockquote>
<p>세제곱을 이용한 가감속 함수입니다. Quad 보다 가파른 개형을 가졌습니다<br />
<code class="highlight"><span class="p">(</span><span class="o">^</span><span class="mf">3</span><span class="p">)</span><span class="w"> </span><span class="nx">i</span><span class="o">=</span><span class="mf">1</span><span class="o">-</span><span class="p">(</span><span class="mf">1</span><span class="o">-</span><span class="nx">x</span><span class="p">)</span><span class="o">^</span><span class="mf">3</span><span class="p">,</span><span class="w"> </span><span class="nx">x</span><span class="o">=</span><span class="mf">0</span><span class="w"> </span><span class="nx">to</span><span class="w"> </span><span class="mf">1</span></code> </p>
</blockquote>
<hr />
<p><code>Quad</code> </p>
<blockquote>
<p>제곱을 이용한 가감속 함수입니다.<br />
<code class="highlight"><span class="p">(</span><span class="o">^</span><span class="mf">2</span><span class="p">)</span><span class="w"> </span><span class="nx">i</span><span class="o">=</span><span class="mf">1</span><span class="o">-</span><span class="p">(</span><span class="mf">1</span><span class="o">-</span><span class="nx">x</span><span class="p">)</span><span class="o">^</span><span class="mf">2</span><span class="p">,</span><span class="w"> </span><span class="nx">x</span><span class="o">=</span><span class="mf">0</span><span class="w"> </span><span class="nx">to</span><span class="w"> </span><span class="mf">1</span></code> </p>
</blockquote>
<hr />
<p><code>Expo</code> </p>
<blockquote>
<p>지수형 가감속 함수입니다. 매우 가파른 개형을 가졌습니다.<br />
<code class="highlight"><span class="nx">i</span><span class="o">=</span><span class="mf">1</span><span class="o">-</span><span class="mf">2</span><span class="o">^</span><span class="p">(</span><span class="o">-</span><span class="mf">10</span><span class="o">*</span><span class="nx">x</span><span class="p">),</span><span class="w"> </span><span class="nx">x</span><span class="o">=</span><span class="mf">0</span><span class="w"> </span><span class="nx">to</span><span class="w"> </span><span class="mf">1</span></code> </p>
</blockquote>
<hr />
<p><code>Sin</code> </p>
<blockquote>
<p>사인 파형 가감속 함수입니다.<br />
<code class="highlight"><span class="nx">i</span><span class="o">=</span><span class="nx">sin</span><span class="p">(</span><span class="nx">x</span><span class="o">*</span><span class="nx">pi</span><span class="o">/</span><span class="mf">2</span><span class="p">),</span><span class="w"> </span><span class="nx">x</span><span class="o">=</span><span class="mf">0</span><span class="w"> </span><span class="nx">to</span><span class="w"> </span><span class="mf">1</span></code> </p>
</blockquote>
<hr />
<p><code>Circle</code> </p>
<blockquote>
<p>사분원 가감속 함수입니다.<br />
<code class="highlight"><span class="nx">i</span><span class="o">=</span><span class="nx">sqrt</span><span class="p">(</span><span class="mf">1</span><span class="o">-</span><span class="p">(</span><span class="mf">1</span><span class="o">-</span><span class="nx">x</span><span class="p">)</span><span class="o">^</span><span class="mf">2</span><span class="p">),</span><span class="w"> </span><span class="nx">x</span><span class="o">=</span><span class="mf">0</span><span class="w"> </span><span class="nx">to</span><span class="w"> </span><span class="mf">1</span></code> </p>
</blockquote>
<hr />
<p><code>Back</code> </p>
<blockquote>
<p>시작시 뒤로 이동이 있는 가감속 함수입니다. </p>
</blockquote>
<hr />
<p><code>Elastic</code> </p>
<blockquote>
<p>탄성을 가지는 가감속 함수입니다. </p>
</blockquote>
<hr />
<p><code>Bounce</code> </p>
<blockquote>
<p>튀어오름을 가지는 가감속 함수입니다. </p>
</blockquote>
<p>TODO: 애니메이션 미리보기 영상 추가</p>
@ -690,6 +1124,42 @@
<footer class="md-footer">
<nav class="md-footer__inner md-grid" aria-label="Footer" >
<a href="../tweenOptions/" class="md-footer__link md-footer__link--prev" aria-label="이전: TweenOptions" rel="prev">
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
</div>
<div class="md-footer__title">
<div class="md-ellipsis">
<span class="md-footer__direction">
이전
</span>
TweenOptions
</div>
</div>
</a>
<a href="../directions/" class="md-footer__link md-footer__link--next" aria-label="다음: Directions" rel="next">
<div class="md-footer__title">
<div class="md-ellipsis">
<span class="md-footer__direction">
다음
</span>
Directions
</div>
</div>
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4Z"/></svg>
</div>
</a>
</nav>
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

View file

@ -20,6 +20,11 @@
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/todo/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/include/bindable/</loc>
<lastmod>2023-02-21</lastmod>
@ -31,7 +36,7 @@
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/include/direction/</loc>
<loc>https://quad.qwreey.kr/kr/include/directions/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
@ -70,6 +75,11 @@
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/include/quad/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/include/quadProperty/</loc>
<lastmod>2023-02-21</lastmod>
@ -80,13 +90,18 @@
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/include/tween/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/include/tweenOptions/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/include/typeDirection/</loc>
<loc>https://quad.qwreey.kr/kr/include/typeDirections/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
@ -100,6 +115,61 @@
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/reference/event/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/reference/extend/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/reference/lang/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/reference/mounts/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/reference/quadProperty/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/reference/signal/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/reference/signal/bindable/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/reference/signal/disconnecter/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/reference/store/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/reference/store/objectList/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/reference/tween/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/reference/tween/directions/</loc>
<lastmod>2023-02-21</lastmod>
@ -110,6 +180,11 @@
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/reference/tween/tweenOptions/</loc>
<lastmod>2023-02-21</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>https://quad.qwreey.kr/kr/tutorial/</loc>
<lastmod>2023-02-21</lastmod>

Binary file not shown.

1268
docs/kr/todo/index.html Normal file

File diff suppressed because it is too large Load diff

View file

@ -318,6 +318,8 @@
@ -346,8 +348,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -374,8 +376,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -703,6 +719,22 @@
@ -711,6 +743,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -722,6 +758,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -318,6 +318,8 @@
@ -346,8 +348,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -374,8 +376,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -643,7 +659,14 @@
<li class="md-nav__item">
<a href="#_1" class="md-nav__link">
나만의 클래스를 만들어보자
나만의 클래스를 만들어보기
</a>
</li>
<li class="md-nav__item">
<a href="#extend_1" class="md-nav__link">
Extend
</a>
</li>
@ -683,6 +706,22 @@
@ -691,6 +730,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -702,6 +745,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -736,10 +1089,11 @@
<li>긴 코드를 나누어 코드마다 확실한 목적을 부여해 더 명확한 코드 작성이 가능해집니다. </li>
<li>자신만의 프로퍼티를 만들거나 완전히 원하는대로 오브젝트를 커스터마이징 할 수 있습니다. </li>
<li>함수나 생성기를 직접 만드는 것 보다 일관된 방법을 제공합니다. </li>
<li>매우 유연합니다. 다양한 방법의 구현법을 원하는대로 사용할 수 있습니다. </li>
</ol>
</blockquote>
<hr />
<h2 id="_1">나만의 클래스를 만들어보<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h2>
<h2 id="_1">나만의 클래스를 만들어보<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h2>
<p><code>Extend</code> 객체는 다음과 같이 생성합니다.<br />
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
<span class="normal">2</span>
@ -752,7 +1106,7 @@
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
</code></pre></div></td></tr></table></div>
일반적으로 Extend 는 한 모듈에 하나씩 넣습니다. </p>
<p>다음과 같은 코드 구조를 만들어보세요.<br />
<p>다음과 같은 코드 구조를 만들어보세요. 아래의 코드는 모든 <code>Extend</code> 문법을 설명합니다.<br />
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
<span class="normal">2</span>
<span class="normal">3</span></pre></div></td><td class="code"><div><pre><span></span><code> - ScreenGUI
@ -828,7 +1182,7 @@
<span class="n">BackgroundColor3</span> <span class="o">=</span> <span class="n">myStore</span> <span class="s2">&quot;bgColor&quot;</span><span class="p">;</span>
<span class="p">}</span>
<span class="n">Mount</span><span class="p">(</span><span class="n">ScreenGUI</span><span class="p">,</span><span class="n">main</span><span class="p">)</span>
<span class="n">Mount</span><span class="p">(</span><span class="n">ScreenGUI</span><span class="p">,</span> <span class="n">main</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">Store</span><span class="p">.</span><span class="n">GetObject</span><span class="p">(</span><span class="s2">&quot;main&quot;</span><span class="p">)</span> <span class="o">==</span> <span class="n">main</span><span class="p">)</span> <span class="c1">-- true</span>
<span class="c1">-- 이 값을 바꾸면 연동된 BackgroundColor3 도 바뀔것입니다</span>
@ -949,7 +1303,12 @@
<span class="normal"> 97</span>
<span class="normal"> 98</span>
<span class="normal"> 99</span>
<span class="normal">100</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="normal">100</span>
<span class="normal">101</span>
<span class="normal">102</span>
<span class="normal">103</span>
<span class="normal">104</span>
<span class="normal">105</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">Event</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Event</span>
@ -970,8 +1329,8 @@
<span class="c1">-- 프로퍼티의 기본값을 정해줄 수 있습니다.</span>
<span class="c1">-- 생성 시 값이 누락된 경우 사용할 값을 정해줄 수 있습니다</span>
<span class="c1">-- 키, 값 으로 구성합니다</span>
<span class="n">props</span><span class="p">:</span><span class="n">Default</span><span class="p">(</span><span class="s2">&quot;Text&quot;</span><span class="p">,</span><span class="s2">&quot;Testing Label&quot;</span><span class="p">)</span>
<span class="n">props</span><span class="p">:</span><span class="n">Default</span><span class="p">(</span><span class="s2">&quot;ZIndex&quot;</span><span class="p">,</span><span class="mi">1</span><span class="p">)</span>
<span class="n">props</span><span class="p">:</span><span class="n">Default</span><span class="p">(</span><span class="s2">&quot;Text&quot;</span><span class="p">,</span> <span class="s2">&quot;Testing Label&quot;</span><span class="p">)</span>
<span class="n">props</span><span class="p">:</span><span class="n">Default</span><span class="p">(</span><span class="s2">&quot;ZIndex&quot;</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
<span class="kr">end</span>
<span class="c1">-- myClass 가 진짜 그려지는 부분입니다.</span>
@ -983,6 +1342,11 @@
<span class="c1">-- 자식 오브젝트에도 사용할 수 있는 문법입니다.</span>
<span class="n">self</span> <span class="s2">&quot;_label&quot;</span><span class="p">;</span>
<span class="c1">-- _holder 는 예약된 값입니다. 자식들이 여기에 들어와야</span>
<span class="c1">-- 함을 나타냅니다. 리스트나 그리드가 있는 경우 유용합니다.</span>
<span class="c1">-- 따로 설정하지 않는 경우 Render 가 리턴한 값을 사용합니다.</span>
<span class="n">self</span> <span class="s2">&quot;_holder&quot;</span><span class="p">;</span>
<span class="c1">-- GetPropertyChangedSignal 가 작동할 수 있도록</span>
<span class="c1">-- 프로퍼티 변경 이벤트를 연결해줍니다</span>
<span class="c1">-- 이 또한 자식 오브젝트에도 사용할 수 있는 문법입니다.</span>
@ -1053,6 +1417,453 @@
</div>
</div>
</div>
<hr />
<h2 id="extend_1">Extend<a class="headerlink" href="#extend_1" title="Permanent link">&para;</a></h2>
<p>Extend 에서 사용할 수 있는 값들과 메소드입니다. </p>
<p><code>self(name:string)-&gt;linker</code> </p>
<blockquote>
<p>Extend 메소드 전역에서 사용가능합니다. 링커를 만들며, <code>PropertyChangedSignal</code> 를 이어주거나, self 에 원하는 오브젝트를 넣는 용도로 사용됩니다. 자세한 정보는 Render 를 확인해주세요. </p>
</blockquote>
<hr />
<p><mark>Overwite</mark> <mark><strong>REQUIRED</strong></mark> <code class="highlight"><span class="o">:</span><span class="nx">Render</span><span class="p">(</span><span class="nx">props</span><span class="o">:</span><span class="kt">valueStore</span><span class="p">)</span></code> </p>
<blockquote>
<p>화면에 그려지는 UI 를 만들어지게 하는 함수입니다. <code>Extend</code> 가 그려지려면 무조건 있어야합니다.<br />
이 오브젝트를 만드는데 들어간 프로퍼티 목록을 첫번째 인자로 줍니다. 레지스터 문법이 사용될 수 있습니다. </p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span>
<span class="normal">17</span>
<span class="normal">18</span>
<span class="normal">19</span>
<span class="normal">20</span>
<span class="normal">21</span>
<span class="normal">22</span>
<span class="normal">23</span>
<span class="normal">24</span>
<span class="normal">25</span>
<span class="normal">26</span>
<span class="normal">27</span>
<span class="normal">28</span>
<span class="normal">29</span>
<span class="normal">30</span>
<span class="normal">31</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">ScreenGUI</span> <span class="o">=</span> <span class="n">script</span><span class="p">.</span><span class="n">Parent</span>
<span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">Event</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Event</span>
<span class="kd">local</span> <span class="n">Mount</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Mount</span>
<span class="kd">local</span> <span class="n">TextButton</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{</span>
<span class="p">[</span><span class="n">Event</span> <span class="s2">&quot;MouseButton1Click&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="kr">function</span> <span class="p">(</span><span class="n">self</span><span class="p">,</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">)</span>
<span class="nb">print</span><span class="p">((</span><span class="s2">&quot;버튼이 %d,%d 에서 눌렸습니다&quot;</span><span class="p">):</span><span class="n">format</span><span class="p">(</span><span class="n">x</span><span class="p">,</span><span class="n">y</span><span class="p">))</span>
<span class="kr">end</span><span class="p">;</span>
<span class="n">Size</span> <span class="o">=</span> <span class="n">props</span> <span class="s2">&quot;Size&quot;</span><span class="p">;</span>
<span class="n">Text</span> <span class="o">=</span> <span class="n">props</span> <span class="s2">&quot;Text&quot;</span><span class="p">;</span> <span class="c1">-- 레지스터를 이용합니다</span>
<span class="p">}</span>
<span class="kr">end</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="n">myImported</span><span class="p">.</span><span class="n">Size</span> <span class="o">=</span> <span class="n">UDim2</span><span class="p">.</span><span class="n">fromOffset</span><span class="p">(</span><span class="mi">200</span><span class="p">,</span><span class="mi">200</span><span class="p">)</span>
<span class="kd">local</span> <span class="n">test</span> <span class="o">=</span> <span class="n">myImported</span> <span class="p">{</span>
<span class="n">Text</span> <span class="o">=</span> <span class="s2">&quot;wow&quot;</span>
<span class="p">}</span>
<span class="n">Mount</span><span class="p">(</span><span class="n">ScreenGUI</span><span class="p">,</span> <span class="n">test</span><span class="p">)</span>
<span class="c1">-- 텍스트를 업데이트합니다</span>
<span class="kr">while</span> <span class="n">task</span><span class="p">.</span><span class="n">wait</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span> <span class="kr">do</span>
<span class="n">test</span><span class="p">.</span><span class="n">Text</span> <span class="o">=</span> <span class="s2">&quot;w&quot;</span><span class="o">..</span><span class="p">(</span><span class="s2">&quot;o&quot;</span><span class="p">):</span><span class="n">rep</span><span class="p">(</span><span class="o">#</span><span class="n">test</span><span class="p">.</span><span class="n">Text</span><span class="o">-</span><span class="mi">1</span><span class="p">)</span><span class="o">..</span><span class="s2">&quot;w&quot;</span>
<span class="kr">end</span>
</code></pre></div></td></tr></table></div>
</blockquote>
<hr />
<p><mark>Overwite</mark> <mark>Option</mark> <code class="highlight"><span class="o">:</span><span class="nx">Init</span><span class="p">(</span><span class="nx">props</span><span class="o">:</span><span class="kt">valueStore</span><span class="p">)</span></code> </p>
<blockquote>
<p>선택적인 메소드로, Render 가 수행 되기 전에 미리 props 값을 설정할 수 있습니다.</p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span>
<span class="normal">17</span>
<span class="normal">18</span>
<span class="normal">19</span>
<span class="normal">20</span>
<span class="normal">21</span>
<span class="normal">22</span>
<span class="normal">23</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">TextButton</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Init</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="c1">-- Size 값이 없다면 기본값을 사용하도록 합니다.</span>
<span class="n">props</span><span class="p">:</span><span class="n">Default</span><span class="p">(</span><span class="s2">&quot;Size&quot;</span><span class="p">,</span> <span class="n">UDim2</span><span class="p">.</span><span class="n">fromOffset</span><span class="p">(</span><span class="mi">100</span><span class="p">,</span><span class="mi">100</span><span class="p">))</span>
<span class="c1">-- 앞에 _ 를 붇여 내부 변수를 만듭니다.</span>
<span class="c1">-- 어디에서나 쓰일 수 있으며 register 에 영향주지 않습니다.</span>
<span class="n">self</span><span class="p">.</span><span class="n">_asdf</span> <span class="o">=</span> <span class="kc">true</span>
<span class="kr">end</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{</span>
<span class="n">props</span> <span class="s2">&quot;Size&quot;</span>
<span class="p">}</span>
<span class="kr">end</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="kd">local</span> <span class="n">myButton</span> <span class="o">=</span> <span class="n">myImported</span><span class="p">()</span> <span class="c1">-- 옵션 없음</span>
<span class="nb">print</span><span class="p">(</span><span class="n">myButton</span><span class="p">.</span><span class="n">Size</span><span class="p">)</span>
</code></pre></div></td></tr></table></div>
</blockquote>
<hr />
<p><mark>Overwite</mark> <mark>Option</mark> <code class="highlight"><span class="o">:</span><span class="nx">AfterRender</span><span class="p">(</span><span class="nx">object</span><span class="o">:</span><span class="kt">any</span><span class="p">)</span></code> </p>
<blockquote>
<p>선택적인 메소드로, Render 가 수행 된 후 할 작업을 만들 수 있습니다. 첫번째 인자로 Render 가 반환한 값이 주어집니다. </p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span>
<span class="normal">17</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">TextButton</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{</span>
<span class="n">self</span> <span class="s2">&quot;_button&quot;</span><span class="p">;</span> <span class="c1">-- 자기 자신에 이 버튼을 넣습니다</span>
<span class="p">}</span>
<span class="kr">end</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">AfterRender</span><span class="p">(</span><span class="n">object</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">self</span><span class="p">.</span><span class="n">_button</span> <span class="o">==</span> <span class="n">object</span><span class="p">)</span> <span class="c1">-- true</span>
<span class="kr">end</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="n">myImported</span><span class="p">()</span> <span class="c1">-- 옵션 없음</span>
</code></pre></div></td></tr></table></div>
</blockquote>
<hr />
<p><mark>Overwite</mark> <mark>Option</mark> <code class="highlight"><span class="o">:</span><span class="nx">Update</span><span class="p">()</span></code> </p>
<blockquote>
<p><code>:Render</code><code>:AfterRender</code> 를 다시 실행하고, 이전에 있던 자식들을 다시 끌어옵니다.<br />
이전의 Render 결과는 제거됩니다
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span>
<span class="normal">17</span>
<span class="normal">18</span>
<span class="normal">19</span>
<span class="normal">20</span>
<span class="normal">21</span>
<span class="normal">22</span>
<span class="normal">23</span>
<span class="normal">24</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">TextButton</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">count</span> <span class="o">=</span> <span class="mi">0</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Rendering!&quot;</span><span class="p">)</span>
<span class="n">count</span> <span class="o">=</span> <span class="n">count</span> <span class="o">+</span> <span class="mi">1</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{</span>
<span class="n">self</span> <span class="s2">&quot;_button&quot;</span><span class="p">;</span>
<span class="n">Name</span> <span class="o">=</span> <span class="nb">tostring</span><span class="p">(</span><span class="n">count</span><span class="p">);</span>
<span class="p">}</span>
<span class="kr">end</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">AfterRender</span><span class="p">(</span><span class="n">object</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">self</span><span class="p">.</span><span class="n">_button</span><span class="p">.</span><span class="n">Name</span><span class="p">)</span>
<span class="kr">end</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="kd">local</span> <span class="n">myButton</span> <span class="o">=</span> <span class="n">myImported</span><span class="p">()</span>
<span class="n">myButton</span><span class="p">:</span><span class="n">Update</span><span class="p">()</span> <span class="c1">-- update</span>
<span class="n">myButton</span><span class="p">:</span><span class="n">Update</span><span class="p">()</span> <span class="c1">-- update</span>
<span class="n">myButton</span><span class="p">:</span><span class="n">Update</span><span class="p">()</span> <span class="c1">-- update</span>
</code></pre></div></td></tr></table></div></p>
</blockquote>
<hr />
<p><mark>Overwite</mark> <mark>Option</mark> <code class="highlight"><span class="p">.</span><span class="nx">Getter</span><span class="p">.</span><span class="o">&lt;</span><span class="nx">PropertyName</span><span class="o">&gt;</span><span class="p">(</span><span class="nx">self</span><span class="p">)</span></code> </p>
<blockquote>
<p>값을 얻는데 사용됩니다.
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">TextButton</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{}</span>
<span class="kr">end</span>
<span class="c1">-- 값을 읽는데 사용할 함수를 등록합니다</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">.</span><span class="nc">Getter</span><span class="p">.</span><span class="nf">Test</span><span class="p">(</span><span class="n">self</span><span class="p">)</span>
<span class="kr">return</span> <span class="s2">&quot;Hello World&quot;</span>
<span class="kr">end</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">myImported</span><span class="p">().</span><span class="n">Test</span><span class="p">)</span>
</code></pre></div></td></tr></table></div></p>
</blockquote>
<hr />
<p><mark>Overwite</mark> <mark>Option</mark> <code class="highlight"><span class="p">.</span><span class="nx">Setter</span><span class="p">.</span><span class="o">&lt;</span><span class="nx">PropertyName</span><span class="o">&gt;</span><span class="p">(</span><span class="nx">self</span><span class="p">,</span><span class="nx">newValue</span><span class="o">:</span><span class="kt">any</span><span class="p">)</span></code> </p>
<blockquote>
<p>값을 설정하는데 사용됩니다.
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span>
<span class="normal">17</span>
<span class="normal">18</span>
<span class="normal">19</span>
<span class="normal">20</span>
<span class="normal">21</span>
<span class="normal">22</span>
<span class="normal">23</span>
<span class="normal">24</span>
<span class="normal">25</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">TextButton</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{</span>
<span class="n">self</span> <span class="s2">&quot;_button&quot;</span><span class="p">;</span>
<span class="n">Text</span> <span class="o">=</span> <span class="s2">&quot;wow&quot;</span><span class="p">;</span>
<span class="p">}</span>
<span class="kr">end</span>
<span class="c1">-- 값을 지정하는데 사용할 함수를 등록합니다</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">.</span><span class="nc">Setter</span><span class="p">.</span><span class="nf">Test</span><span class="p">(</span><span class="n">self</span><span class="p">,</span><span class="n">newValue</span><span class="p">)</span>
<span class="n">self</span><span class="p">.</span><span class="n">_button</span><span class="p">.</span><span class="n">Text</span> <span class="o">=</span> <span class="n">newValue</span>
<span class="kr">end</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">.</span><span class="nc">Getter</span><span class="p">.</span><span class="nf">Test</span><span class="p">(</span><span class="n">self</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">self</span><span class="p">.</span><span class="n">_button</span><span class="p">.</span><span class="n">Text</span>
<span class="kr">end</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="kd">local</span> <span class="n">myButton</span> <span class="o">=</span> <span class="n">myImported</span><span class="p">()</span>
<span class="nb">print</span><span class="p">(</span><span class="n">myButton</span><span class="p">.</span><span class="n">Test</span><span class="p">)</span>
<span class="n">myButton</span><span class="p">.</span><span class="n">Test</span> <span class="o">=</span> <span class="s2">&quot;Hello World&quot;</span>
<span class="nb">print</span><span class="p">(</span><span class="n">myButton</span><span class="p">.</span><span class="n">Test</span><span class="p">)</span>
</code></pre></div></td></tr></table></div></p>
</blockquote>
<hr />
<p><mark>Overwite</mark> <mark>Option</mark> <code class="highlight"><span class="p">.</span><span class="nx">UpdateTriggers</span><span class="p">.</span><span class="o">&lt;</span><span class="nx">PropertyName</span><span class="o">&gt;</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="kt">boolean</span><span class="o">?</span></code> </p>
<blockquote>
<p>해당 값을 변경하면 Update 가 수행될지 여부를 지정합니다.
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span>
<span class="normal">17</span>
<span class="normal">18</span>
<span class="normal">19</span>
<span class="normal">20</span>
<span class="normal">21</span>
<span class="normal">22</span>
<span class="normal">23</span>
<span class="normal">24</span>
<span class="normal">25</span>
<span class="normal">26</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">TextButton</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">count</span> <span class="o">=</span> <span class="mi">0</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s2">&quot;Rendering!&quot;</span><span class="p">)</span>
<span class="n">count</span> <span class="o">=</span> <span class="n">count</span> <span class="o">+</span> <span class="mi">1</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{</span>
<span class="n">self</span> <span class="s2">&quot;_button&quot;</span><span class="p">;</span>
<span class="n">Name</span> <span class="o">=</span> <span class="nb">tostring</span><span class="p">(</span><span class="n">count</span><span class="p">);</span>
<span class="p">}</span>
<span class="kr">end</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">AfterRender</span><span class="p">(</span><span class="n">object</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">self</span><span class="p">.</span><span class="n">_button</span><span class="p">.</span><span class="n">Name</span><span class="p">)</span>
<span class="kr">end</span>
<span class="c1">-- 값 변경시 업데이트 여부를 지정합니다</span>
<span class="n">myClass</span><span class="p">.</span><span class="n">UpdateTriggers</span><span class="p">.</span><span class="n">Test</span> <span class="o">=</span> <span class="kc">true</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="kd">local</span> <span class="n">myButton</span> <span class="o">=</span> <span class="n">myImported</span><span class="p">()</span>
<span class="n">myButton</span><span class="p">.</span><span class="n">Test</span> <span class="o">=</span> <span class="mi">1</span> <span class="c1">-- update</span>
<span class="n">myButton</span><span class="p">.</span><span class="n">Test</span> <span class="o">=</span> <span class="mi">1</span> <span class="c1">-- update</span>
<span class="n">myButton</span><span class="p">.</span><span class="n">Test</span> <span class="o">=</span> <span class="mi">1</span> <span class="c1">-- update</span>
</code></pre></div></td></tr></table></div></p>
</blockquote>
<hr />
<p><mark>Overwite</mark> <mark>Option</mark> <code class="highlight"><span class="o">:</span><span class="nx">Unload</span><span class="p">(</span><span class="nx">object</span><span class="p">)</span></code> </p>
<blockquote>
<p>:Destroy 가 호출될 때 사용됩니다. 따로 선언하지 않아도 연결을 모두 끊고 없에주지만 필요한 경우 직접 없에줄 수 있습니다. object 는 :Render 가 반환한 값입니다</p>
</blockquote>
<hr />
<p><code class="highlight"><span class="o">:</span><span class="nx">GetPropertyChangedSignal</span><span class="p">(</span><span class="nx">propertyName</span><span class="o">:</span><span class="kt">string</span><span class="p">)</span><span class="o">-&gt;</span><span class="nx">Bindable</span></code> </p>
<blockquote>
<p>값 변경을 연결할 수 있는 <code>Bindable</code>을 반환합니다. <code>:EmitPropertyChangedSignal</code> 으로 이 시그널을 작동시킬 수 있습니다. 편의상 이 시그널이 작동할 때, 새로운 값이 첫번째 인자로 주어집니다.</p>
</blockquote>
<hr />
<p><code class="highlight"><span class="o">:</span><span class="nx">EmitPropertyChangedSignal</span><span class="p">(</span><span class="nx">propertyName</span><span class="o">:</span><span class="kt">string</span><span class="p">,</span><span class="nx">changedValue</span><span class="o">:</span><span class="kt">any?</span><span class="p">)</span></code> </p>
<blockquote>
<p>프로퍼티 변경시 <code>:GetPropertyChangedSignal</code> 에 등록된 함수가 실행되도록 이 함수를 호출해 주어야 합니다. 일반적으로 <code class="highlight"><span class="nx">self</span><span class="p">.</span><span class="nx">a</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="mf">1</span></code> 과 같은 방식으로 바로 값을 설정하는 경우 자동적으로 이 함수가 실행되지만, 텍스트 박스의 텍스트 처럼 객체의 변경사항을 연동해야 하는 경우 이 함수를 사용할 수 있습니다. <code>changedValue</code> 는 선택사항이며, 주어지지 않으면 <code class="highlight"><span class="nx">self</span><span class="p">[</span><span class="nx">propertyName</span><span class="p">]</span></code>을 반환합니다.
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span>
<span class="normal">17</span>
<span class="normal">18</span>
<span class="normal">19</span>
<span class="normal">20</span>
<span class="normal">21</span>
<span class="normal">22</span>
<span class="normal">23</span>
<span class="normal">24</span>
<span class="normal">25</span>
<span class="normal">26</span>
<span class="normal">27</span>
<span class="normal">28</span>
<span class="normal">29</span>
<span class="normal">30</span>
<span class="normal">31</span>
<span class="normal">32</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">ScreenGUI</span> <span class="o">=</span> <span class="n">script</span><span class="p">.</span><span class="n">Parent</span>
<span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
<span class="kd">local</span> <span class="n">Mount</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Mount</span>
<span class="kd">local</span> <span class="n">Evnet</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Event</span>
<span class="kd">local</span> <span class="n">TextBox</span> <span class="o">=</span> <span class="n">Class</span> <span class="s2">&quot;TextButton&quot;</span>
<span class="kd">local</span> <span class="n">myClass</span> <span class="o">=</span> <span class="n">Class</span><span class="p">.</span><span class="n">Extend</span><span class="p">()</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">:</span><span class="nf">Render</span><span class="p">(</span><span class="n">props</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">TextButton</span> <span class="p">{</span>
<span class="n">self</span> <span class="s2">&quot;_box&quot;</span><span class="p">;</span>
<span class="n">Text</span> <span class="o">=</span> <span class="s2">&quot;test&quot;</span><span class="p">;</span>
<span class="n">Size</span> <span class="o">=</span> <span class="n">UDim2</span><span class="p">.</span><span class="n">fromOffset</span><span class="p">(</span><span class="mi">200</span><span class="p">,</span><span class="mi">200</span><span class="p">);</span>
<span class="p">[</span><span class="n">Evnet</span><span class="p">.</span><span class="n">Prop</span> <span class="s2">&quot;Text&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="kr">function</span> <span class="p">(</span><span class="n">this</span><span class="p">,</span><span class="n">newValue</span><span class="p">)</span>
<span class="n">self</span><span class="p">:</span><span class="n">EmitPropertyChangedSignal</span><span class="p">(</span><span class="s2">&quot;Text&quot;</span><span class="p">,</span><span class="n">newValue</span><span class="p">)</span>
<span class="kr">end</span><span class="p">;</span>
<span class="c1">-- [Evnet.Prop &quot;Text&quot;] = self &quot;Text&quot; 와 동일합니다.</span>
<span class="c1">-- self(name:string) 문법으로 변경 이벤트 역시 링크</span>
<span class="c1">-- 할 수 있습니다.</span>
<span class="p">}</span>
<span class="kr">end</span>
<span class="kr">function</span> <span class="nc">myClass</span><span class="p">.</span><span class="nc">Getter</span><span class="p">.</span><span class="nf">Text</span><span class="p">(</span><span class="n">self</span><span class="p">)</span>
<span class="kr">return</span> <span class="n">self</span><span class="p">.</span><span class="n">_box</span><span class="p">.</span><span class="n">Text</span>
<span class="kr">end</span>
<span class="kd">local</span> <span class="n">myImported</span> <span class="o">=</span> <span class="n">Class</span><span class="p">(</span><span class="n">myClass</span><span class="p">)</span>
<span class="kd">local</span> <span class="n">myButton</span> <span class="o">=</span> <span class="n">myImported</span><span class="p">()</span>
<span class="n">myButton</span><span class="p">:</span><span class="n">GetPropertyChangedSignal</span><span class="p">(</span><span class="s2">&quot;Text&quot;</span><span class="p">):</span><span class="n">Connect</span><span class="p">(</span><span class="kr">function</span><span class="p">()</span>
<span class="nb">print</span><span class="p">(</span><span class="n">myButton</span><span class="p">.</span><span class="n">Text</span><span class="p">)</span>
<span class="kr">end</span><span class="p">)</span>
<span class="n">Mount</span><span class="p">(</span><span class="n">ScreenGUI</span><span class="p">,</span> <span class="n">myButton</span><span class="p">)</span>
</code></pre></div></td></tr></table></div></p>
</blockquote>
@ -1095,13 +1906,13 @@
<a href="../../reference/" class="md-footer__link md-footer__link--next" aria-label="다음: Index" rel="next">
<a href="../../reference/" class="md-footer__link md-footer__link--next" aria-label="다음: Reference" rel="next">
<div class="md-footer__title">
<div class="md-ellipsis">
<span class="md-footer__direction">
다음
</span>
Index
Reference
</div>
</div>
<div class="md-footer__button md-icon">

View file

@ -318,6 +318,8 @@
@ -346,8 +348,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -374,8 +376,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -683,6 +699,22 @@
@ -691,6 +723,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -702,6 +738,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -318,6 +318,8 @@
@ -346,8 +348,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -374,8 +376,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -683,6 +699,22 @@
@ -691,6 +723,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -702,6 +738,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -318,6 +318,8 @@
@ -346,8 +348,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -374,8 +376,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -710,6 +726,22 @@
@ -718,6 +750,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -729,6 +765,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -786,7 +1132,7 @@
</code></pre></div></td></tr></table></div>
<p>아이디에 허용되는 글자는 변수명과 같습니다. 대소문자, 숫자, 언더바(_) 를 허용합니다.<br />
오브젝트 생성시 <code class="highlight"><span class="nx">Frame</span><span class="w"> </span><span class="s2">&quot;mainFrame&quot;</span><span class="w"> </span><span class="p">{}</span></code> 와 같이 id 값을 지정해 준다면 생성된 오브젝트는 그 아이디를 가지게 됩니다.<br />
<code class="highlight"><span class="nx">Store</span><span class="p">.</span><span class="nx">GetObject</span><span class="p">(</span><span class="nx">id</span><span class="o">:</span><span class="kt">string</span><span class="p">)</span><span class="o">-&gt;</span><span class="nb">Object</span></code> 는 생성된 객체중 가장 첫번째의 id 가 일치하는 오브젝트를 반환해 줍니다.</p>
<code class="highlight"><span class="nx">Store</span><span class="p">.</span><span class="nx">GetObject</span><span class="p">(</span><span class="nx">id</span><span class="o">:</span><span class="kt">string</span><span class="p">)</span><span class="o">-&gt;</span><span class="nb">Object</span><span class="o">?</span></code> 는 생성된 객체중 가장 첫번째의 id 가 일치하는 오브젝트를 반환해 줍니다.</p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
<span class="normal">2</span>
<span class="normal">3</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">index</span> <span class="o">=</span> <span class="mi">1</span>
@ -1023,10 +1369,13 @@
<li>또는(or) 연산 <code class="highlight"><span class="p">,</span></code> </li>
<li>그리고(and) 연산 <code class="highlight"><span class="o">&amp;</span></code> </li>
</ul>
<p>GetObjects 에는 이 두 연산을 사용할 수 있고, 생성시에는 <code class="highlight"><span class="p">,</span></code> 으로 여러 아이디를 부여해줄 수 있습니다. <em>띄어쓰기는 무시됩니다</em> </p>
<p><code>GetObjects</code> 에는 이 두 연산을 사용할 수 있고, 생성시에는 <code class="highlight"><span class="p">,</span></code> 으로 여러 아이디를 부여해줄 수 있습니다. <em>띄어쓰기는 무시됩니다</em> </p>
<details class="warning" open="open">
<summary>주의</summary>
<p>고급 ID 사용시 <code class="highlight"><span class="nx">objectList</span><span class="o">:</span><span class="kt">Remove</span></code> 메소드는 사용할 수 없습니다</p>
<ul>
<li><code>GetObject</code> 에는 이 방식을 사용할 수 없습니다. </li>
<li>고급 ID 사용시 <code class="highlight"><span class="nx">objectList</span><span class="o">:</span><span class="kt">Remove</span></code> 메소드는 사용할 수 없습니다. </li>
</ul>
</details>
<hr />
<h2 id="id_1">id 추가와 제거<a class="headerlink" href="#id_1" title="Permanent link">&para;</a></h2>

View file

@ -318,6 +318,8 @@
@ -346,8 +348,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -374,8 +376,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -683,6 +699,22 @@
@ -691,6 +723,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -702,6 +738,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -318,6 +318,8 @@
@ -346,8 +348,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -374,8 +376,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -683,6 +699,22 @@
@ -691,6 +723,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -702,6 +738,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -318,6 +318,8 @@
@ -346,8 +348,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -374,8 +376,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -690,6 +706,22 @@
@ -698,6 +730,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -709,6 +745,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -841,12 +1187,12 @@ Quad 에서는 실제로 직접적으로 Tween 을 사용할 일은 적으며
<h2 id="_2">트윈 옵션<a class="headerlink" href="#_2" title="Permanent link">&para;</a></h2>
<p>트윈에는 트윈 옵션이 들어가며, 여기에는 트윈의 방향, 가감속, 시간 등을 설정해줄 수 있습니다.<br />
넣을 수 있는 트윈 옵션은 다음과 같습니다. </p>
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">Time</span><span class="o">:</span><span class="kt">number?</span></code> </p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">Time</span><span class="o">:</span><span class="kt">number?</span></code> </p>
<blockquote>
<p>트윈의 총 길이를 정합니다. <em>아무 값도 지정하지 않으면 <code class="highlight"><span class="mf">1</span></code>이 사용됩니다.</em> </p>
</blockquote>
<hr />
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">Easing</span><span class="o">:</span><span class="kt">string</span><span class="o">|</span><span class="p">(</span><span class="nx">index</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="kt">number</span><span class="o">?</span></code> </p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">Easing</span><span class="o">:</span><span class="kt">string</span><span class="o">|</span><span class="p">(</span><span class="nx">index</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="kt">number</span><span class="o">?</span></code> </p>
<blockquote>
<p>트윈의 가감속 정도를 결정합니다. 문자열 그대로 사용하거나, <code class="highlight"><span class="nx">Tween</span><span class="p">.</span><span class="nx">Easings</span><span class="p">.</span><span class="nx">Linear</span></code>와 같이 열거형 방식으로 사용할 수 있습니다.<br />
혹은 필요에 따라 함수를 지정할 수도 있습니다. 함수를 Easing 으로 사용하는 경우 첫번째 인자로 1차 진행도 (Linear, 0 에서 1 사이의 값) 값이 주어지며, 계산 결과로 실제 적용될 위치를 반환해야합니다. 반환값은 음수이거나 1 보다 클 수 있습니다.<br />
@ -884,7 +1230,7 @@ Quad 에서는 실제로 직접적으로 Tween 을 사용할 일은 적으며
함수에 관한 자세한 설명과 미리보기는 <a href="../reference/tween/easings">여기에서</a> 확인하세요 </p>
</blockquote>
<hr />
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">Direction</span><span class="o">:</span><span class="kt">string?</span></code> </p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">Direction</span><span class="o">:</span><span class="kt">string?</span></code> </p>
<blockquote>
<p>트윈이 진행되는 방향입니다. 문자열 그대로 사용하거나, <code class="highlight"><span class="nx">Tween</span><span class="p">.</span><span class="nx">Directions</span><span class="p">.</span><span class="nx">Out</span></code>과 같이 열거형 방식으로 사용할 수 있습니다.<br />
<em>아무 값도 지정하지 않으면 <code>Out</code>이 사용됩니다.</em>
@ -905,24 +1251,24 @@ Quad 에서는 실제로 직접적으로 Tween 을 사용할 일은 적으며
방향에 관한 자세한 설명과 미리보기는 <a href="../reference/tween/directions">여기에서</a> 확인하세요 </p>
</blockquote>
<hr />
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">CallBack</span><span class="o">:</span><span class="p">{[</span><span class="kt">number</span><span class="o">|</span><span class="s2">&quot;*&quot;</span><span class="o">|</span><span class="kt">string</span><span class="p">]</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Alpha</span><span class="o">:</span><span class="kt">number</span><span class="p">,</span><span class="w"> </span><span class="nx">AbsolutePercent</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="p">()}</span><span class="o">?</span></code> </p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">CallBack</span><span class="o">:</span><span class="p">{[</span><span class="kt">number</span><span class="o">|</span><span class="s2">&quot;*&quot;</span><span class="o">|</span><span class="kt">string</span><span class="p">]</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Alpha</span><span class="o">:</span><span class="kt">number</span><span class="p">,</span><span class="w"> </span><span class="nx">AbsolutePercent</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="p">()}</span><span class="o">?</span></code> </p>
<blockquote>
<p>선택적인 필드이며, 트윈이 실행중인 도중에 함수를 실행시킬 수 있습니다. 트윈의 진행 정도에 따라서 한번 함수가 실행되거나 트윈 진행중 계속해서 실행되도록 만들 수 있습니다.<br />
인덱스가 숫자인 경우 해당 지점을 넘을 때 함수가 실행되도록 만들 수 있으며, <code class="highlight"><span class="s2">&quot;*&quot;</span></code> 를 인덱스로 사용하면 모든 부분에서 함수가 실행됩니다.<br />
함수에는 편의상 트윈을 하고있는 오브젝트, 위치값, 시간만을 고려한 1차 위치값이 제공됩니다. </p>
</blockquote>
<hr />
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">OnStepped</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Alpha</span><span class="o">:</span><span class="kt">number</span><span class="p">,</span><span class="w"> </span><span class="nx">AbsolutePercent</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="p">()</span><span class="o">?</span></code> </p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">OnStepped</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Alpha</span><span class="o">:</span><span class="kt">number</span><span class="p">,</span><span class="w"> </span><span class="nx">AbsolutePercent</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="p">()</span><span class="o">?</span></code> </p>
<blockquote>
<p>CallBack 에 <code class="highlight"><span class="s2">&quot;*&quot;</span></code> 를 넣은것과 동일한 효과를 가지는 별칭입니다 </p>
</blockquote>
<hr />
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">Ended</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Alpha</span><span class="o">:</span><span class="kt">number</span><span class="p">,</span><span class="w"> </span><span class="nx">AbsolutePercent</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="p">()</span><span class="o">?</span></code> </p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">Ended</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Alpha</span><span class="o">:</span><span class="kt">number</span><span class="p">,</span><span class="w"> </span><span class="nx">AbsolutePercent</span><span class="o">:</span><span class="kt">number</span><span class="p">)</span><span class="o">-&gt;</span><span class="p">()</span><span class="o">?</span></code> </p>
<blockquote>
<p>CallBack 에 <code class="highlight"><span class="mi">1</span></code>을 넣은것과 동일한 효과를 가지는 별칭입니다 </p>
</blockquote>
<hr />
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">Getter</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Property</span><span class="o">:</span><span class="kt">string</span><span class="p">)</span><span class="o">-&gt;</span><span class="nx">any</span><span class="o">?</span></code> </p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">Getter</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Property</span><span class="o">:</span><span class="kt">string</span><span class="p">)</span><span class="o">-&gt;</span><span class="nx">any</span><span class="o">?</span></code> </p>
<blockquote>
<p>선택적인 필드이며, 트윈이 값을 얻으려 할 때 사용할 함수입니다.<br />
함수에 트윈하고 있는 오브젝트, 프로퍼티 이름이 제공됩니다. </p>
@ -932,7 +1278,7 @@ Quad 에서는 실제로 직접적으로 Tween 을 사용할 일은 적으며
</details>
</blockquote>
<hr />
<p><mark>OPTION</mark> <code class="highlight"><span class="nx">Getter</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Property</span><span class="o">:</span><span class="kt">string</span><span class="p">,</span><span class="w"> </span><span class="nx">Value</span><span class="o">:</span><span class="kt">Lerpable</span><span class="p">)</span><span class="o">-&gt;</span><span class="nx">any</span><span class="o">?</span></code></p>
<p><mark>Option</mark> <code class="highlight"><span class="nx">Getter</span><span class="o">:</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Property</span><span class="o">:</span><span class="kt">string</span><span class="p">,</span><span class="w"> </span><span class="nx">Value</span><span class="o">:</span><span class="kt">Lerpable</span><span class="p">)</span><span class="o">-&gt;</span><span class="nx">any</span><span class="o">?</span></code></p>
<blockquote>
<p>선택적인 필드이며, 트윈이 값을 설정하려 할 때 사용할 함수입니다.
함수에 트윈하고 있는 오브젝트, 프로퍼티 이름, 설정할 값이 제공됩니다. </p>
@ -943,7 +1289,152 @@ Quad 에서는 실제로 직접적으로 Tween 을 사용할 일은 적으며
</blockquote>
<hr />
<h2 id="_3">트윈 함수<a class="headerlink" href="#_3" title="Permanent link">&para;</a></h2>
<p>Quad 의 트윈에는 트윈을 멈추거나 트윈중인지 확인하는 등의 작업을 할 수 있는 여러 함수들이 제공됩니다. </p>
<p>Quad 의 트윈에는 트윈을 멈추거나 트윈중인지 확인하는 등의 작업을 할 수 있는 여러 함수들이 제공됩니다.<br />
Tween 안의 모든 함수와 값들은 다음과 같습니다. </p>
<p><code class="highlight"><span class="nx">Tween</span><span class="p">.</span><span class="nx">RunTween</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">Option</span><span class="o">:</span><span class="kt">tweenOptions</span><span class="p">,</span><span class="w"> </span><span class="nx">Properties</span><span class="o">:</span><span class="p">{[</span><span class="kt">string</span><span class="p">]</span><span class="o">:</span><span class="nx">Lerpable</span><span class="p">},</span><span class="w"> </span><span class="nx">Ended</span><span class="o">?</span><span class="p">,</span><span class="w"> </span><span class="nx">OnStepped</span><span class="o">?</span><span class="p">,</span><span class="w"> </span><span class="nx">Setter</span><span class="o">?</span><span class="p">,</span><span class="w"> </span><span class="nx">Getter</span><span class="o">?</span><span class="p">)</span><span class="o">-&gt;</span><span class="nx">TweenHandler</span></code> </p>
<blockquote>
<p>트윈을 실행합니다. 트윈 옵션에 대한 정보는 <a href="./tweenOptions.md">TweenOptions</a> 문서에서 찾을 수 있습니다.
<code>Ended</code>, <code>OnStepped</code>, <code>Setter</code>, <code>Getter</code> 값이 설정되면 <code>Option</code> 안의 값보다 우선적으로 사용됩니다. 기능은 <a href="./tweenOptions.md">TweenOptions</a>의 내용과 같습니다.
나중에 트윈을 중단시킬 수 있도록 <code>TweenHandler</code> 가 제공됩니다.
다른 트윈이 변경중인 속성이 다시 트윈하도록 호출되면, 이전 트윈에서 해당 속성은 트윈이 중단되며 새로운 트윈으로 덮어쓰기 됩니다.
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
<span class="normal">2</span>
<span class="normal">3</span>
<span class="normal">4</span>
<span class="normal">5</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="n">Tween</span><span class="p">.</span><span class="n">RunTween</span><span class="p">(</span><span class="n">myFrame</span><span class="p">,{</span>
<span class="n">Time</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span>
<span class="p">},{</span>
<span class="n">Position</span> <span class="o">=</span> <span class="n">UDim2</span><span class="p">.</span><span class="n">new</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">1</span><span class="p">,</span><span class="mi">0</span><span class="p">);</span>
<span class="p">})</span>
</code></pre></div></td></tr></table></div></p>
</blockquote>
<hr />
<p><code class="highlight"><span class="nx">Tween</span><span class="p">.</span><span class="nx">RunTweens</span><span class="p">(</span><span class="nx">Items</span><span class="o">:</span><span class="p">{[</span><span class="kt">number</span><span class="p">]</span><span class="o">:</span><span class="nx">any</span><span class="p">},</span><span class="w"> </span><span class="nx">Option</span><span class="o">:</span><span class="kt">tweenOptions</span><span class="p">,</span><span class="w"> </span><span class="nx">Properties</span><span class="o">:</span><span class="p">{[</span><span class="kt">string</span><span class="p">]</span><span class="o">:</span><span class="nx">Lerpable</span><span class="p">},</span><span class="w"> </span><span class="nx">Ended</span><span class="o">?</span><span class="p">,</span><span class="w"> </span><span class="nx">OnStepped</span><span class="o">?</span><span class="p">,</span><span class="w"> </span><span class="nx">Setter</span><span class="o">?</span><span class="p">,</span><span class="w"> </span><span class="nx">Getter</span><span class="o">?</span><span class="p">)</span></code> </p>
<blockquote>
<p><code class="highlight"><span class="nx">Tween</span><span class="p">.</span><span class="nx">RunTween</span></code> 와 같으나 여러 오브젝트를 한꺼번에 트윈합니다. 아무것도 반환하지 않습니다<br />
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
<span class="normal">2</span>
<span class="normal">3</span>
<span class="normal">4</span>
<span class="normal">5</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="n">Tween</span><span class="p">.</span><span class="n">RunTween</span><span class="p">({</span><span class="n">myFrame1</span><span class="p">,</span> <span class="n">myFrame2</span><span class="p">,</span> <span class="n">myFrame3</span><span class="p">},{</span>
<span class="n">Time</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span>
<span class="p">},{</span>
<span class="n">Position</span> <span class="o">=</span> <span class="n">UDim2</span><span class="p">.</span><span class="n">new</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">1</span><span class="p">,</span><span class="mi">0</span><span class="p">);</span>
<span class="p">})</span>
</code></pre></div></td></tr></table></div></p>
</blockquote>
<hr />
<p><code class="highlight"><span class="nx">Tween</span><span class="p">.</span><span class="nx">StopTween</span><span class="p">(</span><span class="nx">ItemOrHandler</span><span class="o">:</span><span class="kt">TweenHandler</span><span class="o">|</span><span class="nx">any</span><span class="p">)</span></code> </p>
<blockquote>
<p>트윈을 멈춥니다. <code>TweenHandler</code> 또는 오브젝트를 넣어 멈출 수 있습니다. 오브젝트를 넣으면 그 오브젝트에 실행중인 모든 트윈을 멈춥니다.</p>
<div class="tabbed-set tabbed-alternate" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><div class="tabbed-labels"><label for="__tabbed_2_1">TweenHandler 이용</label><label for="__tabbed_2_2">오브젝트 이용</label></div>
<div class="tabbed-content">
<div class="tabbed-block">
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
<span class="normal">2</span>
<span class="normal">3</span>
<span class="normal">4</span>
<span class="normal">5</span>
<span class="normal">6</span>
<span class="normal">7</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Handler</span> <span class="o">=</span> <span class="n">Tween</span><span class="p">.</span><span class="n">RunTween</span><span class="p">(</span><span class="n">myFrame</span><span class="p">,{</span>
<span class="n">Time</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span>
<span class="p">},{</span>
<span class="n">Position</span> <span class="o">=</span> <span class="n">UDim2</span><span class="p">.</span><span class="n">new</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">1</span><span class="p">,</span><span class="mi">0</span><span class="p">);</span>
<span class="p">})</span>
<span class="n">Tween</span><span class="p">.</span><span class="n">StopTween</span><span class="p">(</span><span class="n">Handler</span><span class="p">)</span>
</code></pre></div></td></tr></table></div>
</div>
<div class="tabbed-block">
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
<span class="normal">2</span>
<span class="normal">3</span>
<span class="normal">4</span>
<span class="normal">5</span>
<span class="normal">6</span>
<span class="normal">7</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Handler</span> <span class="o">=</span> <span class="n">Tween</span><span class="p">.</span><span class="n">RunTween</span><span class="p">(</span><span class="n">myFrame</span><span class="p">,{</span>
<span class="n">Time</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span>
<span class="p">},{</span>
<span class="n">Position</span> <span class="o">=</span> <span class="n">UDim2</span><span class="p">.</span><span class="n">new</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">1</span><span class="p">,</span><span class="mi">0</span><span class="p">);</span>
<span class="p">})</span>
<span class="n">Tween</span><span class="p">.</span><span class="n">StopTween</span><span class="p">(</span><span class="n">myFrame</span><span class="p">)</span>
</code></pre></div></td></tr></table></div>
</div>
</div>
</div>
</blockquote>
<hr />
<p><code class="highlight"><span class="nx">Tween</span><span class="p">.</span><span class="nx">StopPropertyTween</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">PropertyName</span><span class="o">:</span><span class="kt">string</span><span class="p">)</span></code> </p>
<blockquote>
<p>오브젝트에 특정 프로퍼티의 트윈을 중단시킵니다. <code>TweenHandler</code> 는 사용할 수 없습니다.</p>
</blockquote>
<hr />
<p><code class="highlight"><span class="nx">Tween</span><span class="p">.</span><span class="nx">StopPropertyTween</span><span class="p">(</span><span class="nx">ItemOrHandler</span><span class="o">:</span><span class="kt">IsTweening</span><span class="o">|</span><span class="nx">any</span><span class="p">)</span><span class="o">-&gt;</span><span class="kt">boolean</span></code> </p>
<blockquote>
<p>해당 오브젝트 또는 <code>TweenHandler</code> 로 트윈이 진행중인지 여부를 판단합니다.</p>
</blockquote>
<hr />
<p><code class="highlight"><span class="nx">Tween</span><span class="p">.</span><span class="nx">IsPropertyTweening</span><span class="p">(</span><span class="nx">Item</span><span class="o">:</span><span class="kt">any</span><span class="p">,</span><span class="w"> </span><span class="nx">PropertyName</span><span class="o">:</span><span class="kt">string</span><span class="p">)</span></code> </p>
<blockquote>
<p>해당 오브젝트의 프로퍼티가 트윈중이지 여부를 판단합니다. <code>TweenHandler</code> 는 사용할 수 없습니다.</p>
</blockquote>
<hr />
<p><code>Tween.Easings: { [string]: EasingFunction }</code> </p>
<blockquote>
<p>이징 함수들이 담겨있습니다.<br />
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kr">type</span><span class="w"> </span><span class="nx">Easing</span><span class="w"> </span><span class="o">=</span>
<span class="w"> </span><span class="s2">&quot;Linear&quot;</span><span class="w"> </span><span class="c1">// 아무런 가감속이 없는 1차형</span>
<span class="w"> </span><span class="o">|</span><span class="s2">&quot;Quint&quot;</span><span class="w"> </span><span class="c1">// 5 제곱</span>
<span class="w"> </span><span class="o">|</span><span class="s2">&quot;Quart&quot;</span><span class="w"> </span><span class="c1">// 네제곱</span>
<span class="w"> </span><span class="o">|</span><span class="s2">&quot;Cubic&quot;</span><span class="w"> </span><span class="c1">// 세제곱</span>
<span class="w"> </span><span class="o">|</span><span class="s2">&quot;Quad&quot;</span><span class="w"> </span><span class="c1">// 제곱</span>
<span class="w"> </span><span class="o">|</span><span class="s2">&quot;Sin&quot;</span><span class="w"> </span><span class="c1">// 사인 파형</span>
<span class="w"> </span><span class="o">|</span><span class="s2">&quot;Circle&quot;</span><span class="w"> </span><span class="c1">// 사분원</span>
<span class="w"> </span><span class="o">|</span><span class="s2">&quot;Expo&quot;</span><span class="w"> </span><span class="c1">// 지수형</span>
<span class="w"> </span><span class="o">|</span><span class="s2">&quot;Elastic&quot;</span><span class="w"> </span><span class="c1">// 탄성</span>
<span class="w"> </span><span class="o">|</span><span class="s2">&quot;Bounce&quot;</span><span class="w"> </span><span class="c1">// 튀어오름</span>
<span class="w"> </span><span class="o">|</span><span class="s2">&quot;Back&quot;</span><span class="w"> </span><span class="c1">// 뒤로 가감속</span>
<span class="w"> </span><span class="o">|</span><span class="s2">&quot;Exp2&quot;</span><span class="w"> </span><span class="c1">// 덜 가파른 지수 i=exp(x)/max, x=-4 to 2</span>
<span class="w"> </span><span class="o">|</span><span class="s2">&quot;Exp4&quot;</span><span class="w"> </span><span class="c1">// 더 가파른 지수 i=exp(x)/max, x=-4 ~ 4</span>
<span class="w"> </span><span class="o">|</span><span class="nx">EasingFunction</span><span class="o">?</span><span class="p">;</span>
</code></pre></div></td></tr></table></div>
그래프와 미리보기는 <a href="./easings.md">Easings</a> 에서 확인할 수 있습니다</p>
</blockquote>
<hr />
<p><code>Tween.Easings: { [string]: EasingFunction }</code> </p>
<blockquote>
<p>이징 함수들이 담겨있습니다.<br />
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
<span class="normal">2</span>
<span class="normal">3</span>
<span class="normal">4</span>
<span class="normal">5</span>
<span class="normal">6</span>
<span class="normal">7</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kr">type</span><span class="w"> </span><span class="nx">Direction</span><span class="w"> </span><span class="o">=</span>
<span class="w"> </span><span class="c1">// 초반에 가속이 이루워지며, 후반에 느려집니다.</span>
<span class="w"> </span><span class="s2">&quot;Out&quot;</span>
<span class="w"> </span><span class="c1">// 초반에는 느리며, 점점 가속이 늘어납니다.</span>
<span class="w"> </span><span class="o">|</span><span class="s2">&quot;In&quot;</span>
<span class="w"> </span><span class="c1">//중간에서 가장 빠른 속도를 가지며, 후반 초반 모두 감속이 이루워집니다.</span>
<span class="w"> </span><span class="o">|</span><span class="s2">&quot;InOut&quot;</span>
</code></pre></div></td></tr></table></div>
자세한 정보는 <a href="./directions.md">Easings</a> 에서 확인할 수 있습니다</p>
</blockquote>

View file

@ -318,6 +318,8 @@
@ -346,8 +348,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -374,8 +376,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -676,6 +692,22 @@
@ -684,6 +716,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -695,6 +731,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -318,6 +318,8 @@
@ -346,8 +348,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -374,8 +376,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -683,6 +699,22 @@
@ -691,6 +723,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -702,6 +738,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -755,6 +1101,15 @@
<span class="c1">-- 연동된 프레임도 업데이트 됩니다</span>
<span class="n">myStore</span><span class="p">.</span><span class="n">color</span> <span class="o">=</span> <span class="n">Color3</span><span class="p">.</span><span class="n">fromRGB</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
</code></pre></div></td></tr></table></div>
<details class="warning" open="open">
<summary>주의</summary>
<p>구현의 복잡성의 이유로 레지스터는 오브젝트 생성시에만 등록할 수 있습니다.
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
<span class="normal">2</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">myFrame</span> <span class="o">=</span> <span class="n">Frame</span><span class="p">{}</span>
<span class="n">Frame</span><span class="p">.</span><span class="n">BackgroundColor3</span> <span class="o">=</span> <span class="n">myStore</span> <span class="s2">&quot;color&quot;</span>
</code></pre></div></td></tr></table></div>
위처럼 사용할 수 없습니다.</p>
</details>
<blockquote>
<ol>
<li>스토어를 생성함. </li>

View file

@ -318,6 +318,8 @@
@ -346,8 +348,8 @@
<li class="md-nav__item">
<a href="../../license/" class="md-nav__link">
라이선스
<a href="../../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -374,8 +376,22 @@
<li class="md-nav__item">
<a href="../../gallery/" class="md-nav__link">
갤러리
<a href="../../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -683,6 +699,22 @@
@ -691,6 +723,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -702,6 +738,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>

View file

@ -15,7 +15,7 @@
<link rel="canonical" href="https://quad.qwreey.kr/kr/tutorial/">
<link rel="prev" href="../gallery/">
<link rel="prev" href="../todo/">
<link rel="next" href="1_import/">
@ -318,6 +318,8 @@
@ -346,8 +348,8 @@
<li class="md-nav__item">
<a href="../license/" class="md-nav__link">
라이선스
<a href="../gallery/" class="md-nav__link">
갤러리
</a>
</li>
@ -374,8 +376,22 @@
<li class="md-nav__item">
<a href="../gallery/" class="md-nav__link">
갤러리
<a href="../license/" class="md-nav__link">
라이선스
</a>
</li>
<li class="md-nav__item">
<a href="../todo/" class="md-nav__link">
로드맵
</a>
</li>
@ -635,6 +651,22 @@
@ -643,6 +675,10 @@
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/">레퍼런스</a>
<label for="__nav_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
@ -654,6 +690,316 @@
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/signal/">Signal</a>
<label for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Signal
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../reference/signal/bindable/" class="md-nav__link">
Bindable
</a>
</li>
<li class="md-nav__item">
<a href="../reference/signal/disconnecter/" class="md-nav__link">
Disconnecter
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/store/">Store</a>
<label for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Store
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../reference/store/objectList/" class="md-nav__link">
ObjectList
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" >
<div class="md-nav__link md-nav__link--index ">
<a href="../reference/tween/">Tween</a>
<label for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Tween
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../reference/tween/tweenOptions/" class="md-nav__link">
TweenOptions
</a>
</li>
<li class="md-nav__item">
<a href="../reference/tween/easings/" class="md-nav__link">
Easings
</a>
</li>
<li class="md-nav__item">
<a href="../reference/tween/directions/" class="md-nav__link">
Directions
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../event.md" class="md-nav__link">
Event
</a>
</li>
<li class="md-nav__item">
<a href="../extend.md" class="md-nav__link">
Extend
</a>
</li>
<li class="md-nav__item">
<a href="../lang.md" class="md-nav__link">
Lang
</a>
</li>
<li class="md-nav__item">
<a href="../mounts.md" class="md-nav__link">
Mounts
</a>
</li>
<li class="md-nav__item">
<a href="../quadProperty.md" class="md-nav__link">
QuadProperty
</a>
</li>
</ul>
</nav>
</li>
@ -679,41 +1025,197 @@
<h1 id="getting-started">Getting Started<a class="headerlink" href="#getting-started" title="Permanent link">&para;</a></h1>
<details class="example" open="open">
<summary>실험적인 모듈</summary>
<p>이 모듈은 </p>
</details>
<div class="admonition example">
<p class="admonition-title">실험적인 모듈</p>
<p>이 모듈은 업데이트가 빈번합니다! 항상 Github 를 확인해주세요!</p>
</div>
<hr />
<h2 id="_1">머리말<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h2>
<p>이 페이지는 Quad 모듈을 쉽게 시작할 수 있도록 튜토리얼을 제공하고 있습니다. 이 페이지를 정독해 Quad 모듈의 전반적인 사용법을 파악해보세요! </p>
<p><em>주의: 이 모듈은 개발 진행이 매우 빠릅니다. 많은양의 변경 사항이 있을 수 있으므로 github 에서 변경사항을 계속해서 추적하세요</em> </p>
<p><a href="changelogs">변경 사항은 여기</a>에서 확인할 수 있습니다</p>
<p><a href="changelogs">변경 사항은 여기</a>에서 확인할 수 있습니다. </p>
<hr />
<h2 id="_2">설치<a class="headerlink" href="#_2" title="Permanent link">&para;</a></h2>
<p>3가지 방법중 가장 편한 방법을 선택해 모듈을 설치해주세요. </p>
<h3 id="rbxmx">드레그 엔 드롭 / rbxmx 파일<a class="headerlink" href="#rbxmx" title="Permanent link">&para;</a></h3>
<p>드레그해 스튜디오에 넣을 수 있는 모듈 파일입니다. </p>
<p><a class="md-button md-button--primary" href="https://github.com/qwreey75/Quad/releases/latest/download/Quad.rbxmx">RBXMX 다운로드</a> </p>
<p>다운로드해 스튜디오에 옮겨주세요. </p>
<h3 id="git-clone">git clone<a class="headerlink" href="#git-clone" title="Permanent link">&para;</a></h3>
<p>rojo 를 사용해 빌드하는 방법을 사용할 수 있다면 Quad 를 직접 빌드할 수 있습니다. </p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
<span class="normal">2</span>
<span class="normal">3</span></pre></div></td><td class="code"><div><pre><span></span><code>git<span class="w"> </span>clone<span class="w"> </span>https://github.com/qwreey75/Quad<span class="w"> </span>Quad
<span class="nb">cd</span><span class="w"> </span>Quad
make<span class="w"> </span>build
</code></pre></div></td></tr></table></div>
<p><mark>윈도우의 경우 <code>make build</code> 대신 <code>rojo build default.project.json -o output.rbxmx</code> 를 입력해 주어야 합니다.</mark> </p>
<h3 id="git-submodule">git submodule<a class="headerlink" href="#git-submodule" title="Permanent link">&para;</a></h3>
<p>프로젝트가 rojo 를 사용하고 git 을 사용하는 경우 submodule 로 추가할 수 있습니다. </p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
<span class="normal">2</span>
<span class="normal">3</span>
<span class="normal">4</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="c1"># 이미 submodule 을 사용하고 있는 경우 입력할 필요가 없습니다</span>
git<span class="w"> </span>submodule<span class="w"> </span>init
<span class="c1"># 서브모듈의 루트는 직접 정해주세요</span>
git<span class="w"> </span>submodule<span class="w"> </span>add<span class="w"> </span>https://github.com/qwreey75/Quad<span class="w"> </span>Quad
</code></pre></div></td></tr></table></div>
<hr />
<h2 id="_3">모듈 불러오기/초기화<a class="headerlink" href="#_3" title="Permanent link">&para;</a></h2>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
</code></pre></div></td></tr></table></div>
<p>모듈을 셋업하기 위해서는 <code class="highlight"><span class="p">.</span><span class="nx">Init</span><span class="p">(</span><span class="nx">QuadId</span><span class="o">:</span><span class="kt">string?</span><span class="p">)</span></code> 을 이용합니다. 일반적으로 <code>QuadId</code> 값은 필요하지 않지만, 나중에 소개할 Store 와 같은 일부 기능들이 <code class="highlight"><span class="nx">QuadId</span><span class="o">:</span><span class="kt">string</span></code> 에 영향받기도 합니다. </p>
<p><code class="highlight"><span class="p">.</span><span class="nx">Init</span><span class="p">(</span><span class="nx">QuadId</span><span class="o">:</span><span class="kt">string</span><span class="p">)</span></code> 함수는 <code>QuadId</code> 가 같은 불러오기가 이미 있었던 경우, 초기화 하지 않고 불러왔던것을 반환합니다.<br />
따라서 모듈들 끼리 <code>QuadId</code> 가 같은 경우 Store 와 같은것이 공유됩니다. </p>
따라서 모듈들 끼리 <code>QuadId</code> 가 같은 경우 Store 같은것이 공유됩니다. </p>
<p><code>QuadId</code> 가 비워진 경우 한번도 생성된 적 없는 새로운 Quad 가 생성됩니다 </p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
<span class="normal">2</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">Class</span> <span class="o">=</span> <span class="n">Quad</span><span class="p">.</span><span class="n">Class</span>
</code></pre></div></td></tr></table></div>
<p>불러오기가 끝났다면 이제 Quad 의 자원들을 이용할 수 있습니다!<br />
<a href="./1_importRobloxClass">다음 페이지로 넘어가 어서 활용해 봅시다</a></p>
<h2 id="_4">타입 불러오기<a class="headerlink" href="#_4" title="Permanent link">&para;</a></h2>
<a href="./1_import">다음 페이지로 넘어가 어서 활용해 봅시다</a></p>
<hr />
<h2 id="_4">추가적 환경 설정<a class="headerlink" href="#_4" title="Permanent link">&para;</a></h2>
<h3 id="_5">타입 불러오기<a class="headerlink" href="#_5" title="Permanent link">&para;</a></h3>
<p>기본적으로 이 모듈은 로드시 타입을 반환하지만. 직접적으로 타입을 지정하고 싶은 경우 types.lua 를 불러올 수 있습니다 </p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">types</span>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
<span class="normal">2</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">types</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">.</span><span class="n">types</span><span class="p">)</span>
<span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="p">(</span><span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">)::</span><span class="nl">types</span><span class="err">.</span><span class="nl">module</span><span class="err">).</span><span class="nl">Init</span><span class="err">()</span>
</code></pre></div></td></tr></table></div>
<h2 id="_5">테스트 환경 준비<a class="headerlink" href="#_5" title="Permanent link">&para;</a></h2>
<hr />
<h2 id="_6">테스트 환경 준비<a class="headerlink" href="#_6" title="Permanent link">&para;</a></h2>
<p>테스트 환경은 rojo 와의 개발통합을 위해 Play 버튼을 누르지 않고 미리보기를 사용할 수 있도록 만들어줍니다<br />
이를 통해 다른 코드 방식의 UI 프레임 워크보다 빠른 개발속도를 달성할 수 있습니다 </p>
<h3 id="_6">자동 리로드<a class="headerlink" href="#_6" title="Permanent link">&para;</a></h3>
<p><em>주의: rojo 환경이 아니라면 자동 리로드는 랙을 동반할 수 있습니다</em> </p>
<p>편의상을 위해 자동 리로드를 설정해 줄 수 있습니다. </p>
<details class="warning" open="open">
<summary>주의</summary>
<p><mark>rojo 환경이 아니라면 자동 리로드는 랙을 동반할 수 있습니다</mark> </p>
<blockquote>
<p>일반적으로, 로컬 편집 환경에서 로블록스의 script editor 는 한글자 한글자 변경시 마다 .Source 를 업데이트합니다. 이는 곳 한글자 한글자 타이핑 시 마다 UI 가 업데이트 될 수 있음을 의미합니다. Quad 의 tracker 모듈은 순간적으로 많은양의 리로드가 발생하지 않도록 적절한 쿨타임과 시간분배를 가지고 있지만, 이 경우에도 Ctrl+S 를 눌러 저장해야 적용되는 vscode 와 같은 타 편집기와는 차이가 날 수 있습니다. 코드가 커짐으로 인해 자동 리로드에서 퍼포먼스적 이슈를 겪는다면, rojo 를 활용해 코드를 외부로 옮긴 후, vscode 를 스튜디오 위에 놓고 미리보기와 코드를 동시에 보면서 편집하세요.</p>
<p>일반적으로, 로컬 편집 환경에서 로블록스의 script editor 는 한글자 한글자 변경시 마다 .Source 를 업데이트합니다. 이는 곳 한글자 한글자 타이핑 시 마다 UI 가 업데이트 될 수 있음을 의미합니다. Quad 의 tracker 모듈은 순간적으로 많은양의 리로드가 발생하지 않도록 적절한 쿨타임과 시간분배를 가지고 있지만, 이 경우에도 Ctrl+S 를 눌러 저장해야 적용되는 vscode 와 같은 타 편집기와는 차이가 날 수 있습니다. 코드가 커짐으로 인해 자동 리로드에서 퍼포먼스적 이슈를 겪는다면, rojo 를 활용해 코드를 외부로 옮긴 후, vscode 를 스튜디오 위에 놓고 미리보기와 코드를 동시에 보면서 편집하세요.<br />
프로젝트가 매우 거대하지 않다면 크게 걱정하지 않아도 됩니다. </p>
</blockquote>
<h3 id="_7">수동 리로드<a class="headerlink" href="#_7" title="Permanent link">&para;</a></h3>
</details>
<p>다음과 같은 코드트리를 만들어주세요.</p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
<span class="normal">2</span>
<span class="normal">3</span></pre></div></td><td class="code"><div><pre><span></span><code> | Main (ModuleScript)
|-- Loader (LocalScript)
|-- Test (ModuleScript)
</code></pre></div></td></tr></table></div>
<div class="tabbed-set tabbed-alternate" data-tabs="1:3"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><input id="__tabbed_1_3" name="__tabbed_1" type="radio" /><div class="tabbed-labels"><label for="__tabbed_1_1">Main</label><label for="__tabbed_1_2">Loader</label><label for="__tabbed_1_3">Test</label></div>
<div class="tabbed-content">
<div class="tabbed-block">
<p>실제로 UI 들을 그리는 코드들이 담깁니다.
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span><span class="p">).</span><span class="n">Init</span><span class="p">()</span>
<span class="kd">local</span> <span class="n">LocalPlayer</span> <span class="o">=</span> <span class="n">game</span><span class="p">.</span><span class="n">Players</span><span class="p">.</span><span class="n">LocalPlayer</span>
<span class="kd">local</span> <span class="n">ScreenGUI</span> <span class="o">=</span> <span class="n">Instance</span><span class="p">.</span><span class="n">new</span><span class="p">(</span><span class="s2">&quot;ScreenGui&quot;</span><span class="p">,</span>
<span class="n">LocalPlayer</span> <span class="ow">and</span> <span class="n">LocalPlayer</span><span class="p">.</span><span class="n">PlayerGui</span> <span class="ow">or</span> <span class="n">game</span><span class="p">.</span><span class="n">StarterGui</span><span class="p">)</span>
<span class="n">ScreenGUI</span><span class="p">.</span><span class="n">Name</span> <span class="o">=</span> <span class="s2">&quot;MyGUI&quot;</span>
<span class="n">ScreenGUI</span><span class="p">.</span><span class="n">ResetOnSpawn</span> <span class="o">=</span> <span class="kc">false</span>
<span class="c1">-- 실제 그리는 코드들이 들어갑니다.</span>
<span class="kr">return</span> <span class="kr">function</span><span class="p">()</span>
<span class="c1">-- 테스트가 끝나 만든걸 지워야 할 때 사용됩니다.</span>
<span class="c1">-- 추후 설명될 Unmount() 를 이용하세요.</span>
<span class="n">ScreenGUI</span><span class="p">:</span><span class="n">Destroy</span><span class="p">()</span>
<span class="kr">end</span>
</code></pre></div></td></tr></table></div></p>
</div>
<div class="tabbed-block">
<p>게임을 플레이 할 때 코드가 로드될 수 있도록 만드는 로더입니다.
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="nb">require</span><span class="p">(</span><span class="n">script</span><span class="p">.</span><span class="n">Parent</span><span class="p">)</span>
</code></pre></div></td></tr></table></div></p>
</div>
<div class="tabbed-block">
<p>명령창에서 명령어 입력으로 테스트를 실행 할 수 있도록 만드는 코드들이 담깁니다.
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"> 1</span>
<span class="normal"> 2</span>
<span class="normal"> 3</span>
<span class="normal"> 4</span>
<span class="normal"> 5</span>
<span class="normal"> 6</span>
<span class="normal"> 7</span>
<span class="normal"> 8</span>
<span class="normal"> 9</span>
<span class="normal">10</span>
<span class="normal">11</span>
<span class="normal">12</span>
<span class="normal">13</span>
<span class="normal">14</span>
<span class="normal">15</span>
<span class="normal">16</span>
<span class="normal">17</span>
<span class="normal">18</span>
<span class="normal">19</span>
<span class="normal">20</span>
<span class="normal">21</span>
<span class="normal">22</span>
<span class="normal">23</span>
<span class="normal">24</span>
<span class="normal">25</span>
<span class="normal">26</span>
<span class="normal">27</span>
<span class="normal">28</span>
<span class="normal">29</span>
<span class="normal">30</span>
<span class="normal">31</span>
<span class="normal">32</span>
<span class="normal">33</span>
<span class="normal">34</span>
<span class="normal">35</span>
<span class="normal">36</span></pre></div></td><td class="code"><div><pre><span></span><code><span class="c1">-- 모듈 위치로 알맞게 변경해주세요</span>
<span class="kd">local</span> <span class="n">Quad</span> <span class="o">=</span> <span class="n">path</span><span class="p">.</span><span class="n">to</span><span class="p">.</span><span class="n">module</span>
<span class="kd">local</span> <span class="n">tracker</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">Quad</span><span class="p">.</span><span class="n">tracker</span><span class="p">)</span>
<span class="kd">local</span> <span class="n">module</span> <span class="o">=</span> <span class="p">{}</span>
<span class="kd">local</span> <span class="kr">function</span> <span class="nf">reload</span><span class="p">()</span>
<span class="kr">if</span> <span class="n">module</span><span class="p">.</span><span class="n">unload</span> <span class="kr">then</span> <span class="nb">pcall</span><span class="p">(</span><span class="n">module</span><span class="p">.</span><span class="n">unload</span><span class="p">)</span> <span class="kr">end</span>
<span class="kr">if</span> <span class="n">module</span><span class="p">.</span><span class="n">testingModule</span> <span class="kr">then</span> <span class="nb">pcall</span><span class="p">(</span><span class="n">module</span><span class="p">.</span><span class="n">testingModule</span><span class="p">.</span><span class="n">Destroy</span><span class="p">,</span><span class="n">module</span><span class="p">.</span><span class="n">testingModule</span><span class="p">)</span> <span class="kr">end</span>
<span class="n">module</span><span class="p">.</span><span class="n">testingModule</span> <span class="o">=</span> <span class="n">script</span><span class="p">.</span><span class="n">Parent</span><span class="p">:</span><span class="n">Clone</span><span class="p">()</span>
<span class="n">module</span><span class="p">.</span><span class="n">testingModule</span><span class="p">.</span><span class="n">Parent</span> <span class="o">=</span> <span class="n">script</span><span class="p">.</span><span class="n">Parent</span><span class="p">.</span><span class="n">Parent</span>
<span class="n">module</span><span class="p">.</span><span class="n">testingModule</span><span class="p">.</span><span class="n">Archivable</span> <span class="o">=</span> <span class="kc">false</span>
<span class="n">module</span><span class="p">.</span><span class="n">testingModule</span><span class="p">.</span><span class="n">Name</span> <span class="o">=</span> <span class="n">module</span><span class="p">.</span><span class="n">testingModule</span><span class="p">.</span><span class="n">Name</span> <span class="o">..</span> <span class="s2">&quot;_TESTING&quot;</span>
<span class="n">module</span><span class="p">.</span><span class="n">unload</span> <span class="o">=</span> <span class="nb">require</span><span class="p">(</span><span class="n">module</span><span class="p">.</span><span class="n">testingModule</span><span class="p">)</span>
<span class="kr">end</span>
<span class="c1">-- 자동 리로드를 켭니다. 이미 켜져있으면 다시 로드합니다</span>
<span class="kr">function</span> <span class="nc">module</span><span class="p">.</span><span class="nf">load</span><span class="p">()</span>
<span class="n">reload</span><span class="p">()</span>
<span class="kr">if</span> <span class="ow">not</span> <span class="n">module</span><span class="p">.</span><span class="n">autoreload</span> <span class="kr">then</span>
<span class="n">module</span><span class="p">.</span><span class="n">autoreload</span> <span class="o">=</span> <span class="n">tracker</span><span class="p">.</span><span class="n">new</span><span class="p">(</span><span class="n">script</span><span class="p">.</span><span class="n">Parent</span><span class="p">)</span>
<span class="n">module</span><span class="p">.</span><span class="n">autoreload</span><span class="p">:</span><span class="n">init</span><span class="p">();</span> <span class="n">wait</span><span class="p">()</span>
<span class="n">module</span><span class="p">.</span><span class="n">autoreload</span><span class="p">:</span><span class="n">connect</span><span class="p">(</span><span class="s2">&quot;updated&quot;</span><span class="p">,</span><span class="n">reload</span><span class="p">)</span>
<span class="kr">end</span>
<span class="kr">end</span>
<span class="c1">-- 자동 리로드를 끄고 테스트로 생긴것을 지웁니다</span>
<span class="kr">function</span> <span class="nc">module</span><span class="p">.</span><span class="nf">unload</span><span class="p">()</span>
<span class="kr">if</span> <span class="n">module</span><span class="p">.</span><span class="n">autoreload</span> <span class="kr">then</span> <span class="nb">pcall</span><span class="p">(</span><span class="n">module</span><span class="p">.</span><span class="n">autoreload</span><span class="p">.</span><span class="n">deinit</span><span class="p">,</span><span class="n">module</span><span class="p">.</span><span class="n">autoreload</span><span class="p">)</span> <span class="kr">end</span>
<span class="kr">if</span> <span class="n">module</span><span class="p">.</span><span class="n">unload</span> <span class="kr">then</span> <span class="nb">pcall</span><span class="p">(</span><span class="n">module</span><span class="p">.</span><span class="n">unload</span><span class="p">)</span> <span class="kr">end</span>
<span class="kr">if</span> <span class="n">module</span><span class="p">.</span><span class="n">testingModule</span> <span class="kr">then</span> <span class="nb">pcall</span><span class="p">(</span><span class="n">module</span><span class="p">.</span><span class="n">testingModule</span><span class="p">.</span><span class="n">Destroy</span><span class="p">,</span><span class="n">module</span><span class="p">.</span><span class="n">testingModule</span><span class="p">)</span> <span class="kr">end</span>
<span class="n">module</span><span class="p">.</span><span class="n">autoreload</span> <span class="o">=</span> <span class="kc">nil</span>
<span class="n">module</span><span class="p">.</span><span class="n">unload</span> <span class="o">=</span> <span class="kc">nil</span>
<span class="n">module</span><span class="p">.</span><span class="n">testingModule</span> <span class="o">=</span> <span class="kc">nil</span>
<span class="kr">end</span>
<span class="kr">return</span> <span class="n">module</span>
</code></pre></div></td></tr></table></div></p>
</div>
</div>
</div>
@ -740,7 +1242,7 @@
<nav class="md-footer__inner md-grid" aria-label="Footer" >
<a href="../gallery/" class="md-footer__link md-footer__link--prev" aria-label="이전: 갤러리" rel="prev">
<a href="../todo/" class="md-footer__link md-footer__link--prev" aria-label="이전: 로드맵" rel="prev">
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
</div>
@ -749,7 +1251,7 @@
<span class="md-footer__direction">
이전
</span>
갤러리
로드맵
</div>
</div>
</a>