durbok/noodl-docs
1
0
Fork 0
mirror of https://github.com/noodlapp/noodl-docs.git synced 2026-01-11 23:02:54 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: Upgrade Docusaurus from v2 to v3 (#52)

Browse Source 
* chore: Upgrade Docusaurus from v2 to v3

* chore: Update "Test build" GH workflow

* fix: build

All markdown is processed as MDX

* fix: Broken links
This commit is contained in:
Eric Tuvesson
2024-01-12 16:53:22 +01:00
committed by GitHub
parent 65b0cf0417
commit 656e5fc8d2
156 changed files with 4854 additions and 10445 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
nodes/utilities/logic/states/README.md
View File

@@ -4,7 +4,7 @@ hide_table_of_contents: true
title: States node
---
<##head##>
{/*##head##*/}
# States
@@ -24,7 +24,7 @@ The <span className="ndl-node">State</span> node is often used to create animati
</div>
<##head##>
{/*##head##*/}
To learn more take a look at the [States guide](/docs/guides/user-interfaces/states).
@@ -34,12 +34,12 @@ To learn more take a look at the [States guide](/docs/guides/user-interfaces/sta
| ------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-data">States</span> | A **States** node can have as many states as is necessary. Add a new state by clicking on the plus button. |
| <span className="ndl-data">Values</span> | Every state will have its own set of values. All values need to be set for every state that is added. |
| <span className="ndl-data">State</span> | <##input:state##>This input controls the current state. By setting this input to the same name as one of the available states, **State** node will change to that state.<##input##> |
| <span className="ndl-data">Use Transitions</span> | <##input:useTransitions##>Setting this to <span className="ndl-data">true</span> will turn on transitions when moving between states, while <span className="ndl-data">false</span> will turn them off. <##input##> |
| <span className="ndl-data">State</span> | {/*##input:state##*/}This input controls the current state. By setting this input to the same name as one of the available states, **State** node will change to that state.{/*##input##*/} |
| <span className="ndl-data">Use Transitions</span> | {/*##input:useTransitions##*/}Setting this to <span className="ndl-data">true</span> will turn on transitions when moving between states, while <span className="ndl-data">false</span> will turn them off. {/*##input##*/} |
| Signal | Description |
| ------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-signal">Toggle</span> | <##input:toggle##>Triggering this signal will force the **State** node to move to the next state in its state list, or the first state if the current state is the last one.<##input##> |
| <span className="ndl-signal">Toggle</span> | {/*##input:toggle##*/}Triggering this signal will force the **State** node to move to the next state in its state list, or the first state if the current state is the last one.{/*##input##*/} |
### Value types
@@ -53,7 +53,7 @@ For each value you can specify the type. Default is **Number**.
For every state you can specify each of the values. This is the value that they will have when you are at that specific state. You can also set the values for each state by connecting them to other nodes.
<span className="hidden-props-for-editor"><##input:.\*##>The value of a property for a specific state.<##input##></span>
<span className="hidden-props-for-editor">{/*##input:.\*##*/}The value of a property for a specific state.{/*##input##*/}</span>
<div className="ndl-image-with-background">
<img src="/nodes/animation/state-values.png" className="ndl-image small"></img>
@@ -73,22 +73,22 @@ To learn more take a look at the [States guide](/docs/guides/user-interfaces/sta
Each state will have a signal input called **To** followed by the state name. This can be used to connect a signal that will take the states node to that state when the signal is triggered.
<span className="hidden-props-for-editor"><##input:to-\*##>Triggers the **State** node to move to this state.<##input##></span>
<span className="hidden-props-for-editor">{/*##input:to-\*##*/}Triggers the **State** node to move to this state.{/*##input##*/}</span>
## Outputs
| Data | Description |
| ---------------------------------------- | ------------------------------------------------------------------------------- |
| <span className="ndl-data">State</span> | <##output:state##>The name of the current state.<##output##> |
| <span className="ndl-data">State</span> | {/*##output:state##*/}The name of the current state.{/*##output##*/} |
| <span className="ndl-data">Values</span> | All of the values for the current state and for any transitions that is active. |
<span className="hidden-props-for-editor"><##output:.\*##>The value of the property, given the current state and transition.<##output##></span>
<span className="hidden-props-for-editor">{/*##output:.\*##*/}The value of the property, given the current state and transition.{/*##output##*/}</span>
| Signal | Description |
| -------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-signal">State Changed</span> | <##output:stateChanged##>A signal that is sent when the current state is changed.<##output##> |
| <span className="ndl-signal">State Changed</span> | {/*##output:stateChanged##*/}A signal that is sent when the current state is changed.{/*##output##*/} |
| <span className="ndl-signal">At `[State Name]`</span> | True when the currently selected state is `[State Name]`. For example, if the _State_ node has a state _Started_, it will have an output signal called _At Started_. |
| <span className="ndl-signal">Has Reached `[State Name]`</span> | Signal sent when the state animation to state `[State Name]` is complete. |
<span className="hidden-props-for-editor"><##output:at-\*##>This value is <span className="ndl-data">true</span> when this state is active, otherwise <span className="ndl-data">false</span>.<##output##></span>
<span className="hidden-props-for-editor"><##output:reached-\*##>This signal is sent when the specific state has been reached.<##output##></span>
<span className="hidden-props-for-editor">{/*##output:at-\*##*/}This value is <span className="ndl-data">true</span> when this state is active, otherwise <span className="ndl-data">false</span>.{/*##output##*/}</span>
<span className="hidden-props-for-editor">{/*##output:reached-\*##*/}This signal is sent when the specific state has been reached.{/*##output##*/}</span>