MenuToggle Menu

Variables Use Cases

์ด ํŽ˜์ด์ง€์—์„œ๋Š” Variable์„ ์‚ฌ์šฉํ•œ ๋‹ค์–‘ํ•œ ์˜ˆ์ œ๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‹ค์ œ ์ž‘์—…์—์„œ Variable์„ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ•˜๋Š”์ง€, ํ˜น์€ ์ธํ„ฐ๋ž™์…˜์— ์–ด๋–ป๊ฒŒ ์ ์šฉํ•˜๋Š”์ง€์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด์‹ญ์‹œ์˜ค. ์›ํ•˜๋Š” ํ”„๋กœํ† ํƒ€์ž…์„ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์•„ ์ธํ„ฐ๋ž™์…˜์„ ์ง์ ‘ ๋งŒ๋“ค์–ด ๋ณผ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

Variables๊ณผ Formulas์— ๋Œ€ํ•œ ์ž์„ธํ•œ ์‚ฌํ•ญ์€ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ•˜์‹ญ์‹œ์˜ค.

๋‹ค์Œ์€ ์ด ํŽ˜์ด์ง€์—์„œ ์ฐพ์„ ์ˆ˜ ์žˆ๋Š” ์˜ˆ์ œ ๋ชฉ๋ก์ž…๋‹ˆ๋‹ค.

Formulas์™€ ๊ด€๋ จ๋œ ์˜ˆ์ œ๋ฅผ ์ฐพ์œผ์‹ ๋‹ค๋ฉด ๋‹ค์Œ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์‹ญ์‹œ์˜ค.

๋‹ค์Œ ProtoPie ์ปค๋ฎค๋‹ˆํ‹ฐ์—์„œ๋„ ์œ ์ €๋“ค์ด Variables๊ณผ Formulas๋ฅผ ์‚ฌ์šฉํ•œ ์˜ˆ์ œ๋“ค์„ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Range Slider

๋ ˆ์ด์–ด์˜ ์œ„์น˜์™€ ๊ทธ ๊ฐ’์„ ์—ฐ๊ฒฐ์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜ ์˜ˆ์ œ์˜ ๊ฒฝ์šฐ, ์›ํ˜• ๋ ˆ์ด์–ด๋ฅผ ์ด๋™ํ•˜๋ฉด ๊ทธ ์œ„์น˜์˜ ์ตœ์‹  ๊ฐ’์ด ์ž๋™์œผ๋กœ ๊ณ„์‚ฐ๋˜์–ด Variable์— ์ €์žฅ๋ฉ๋‹ˆ๋‹ค.

[object Object]

ํ•ด๋‹น ํ”„๋กœํ† ํƒ€์ž…์„ ์ง์ ‘ ๋งŒ๋“ค์–ด๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด ํ”„๋กœํ† ํƒ€์ž…์— ์‚ฌ์šฉ๋œ Chain Trigger, Detect Trigger, Function, ์— ๋Œ€ํ•œ ์ž์„ธํ•œ ์‚ฌํ•ญ์€ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์‹ญ์‹œ์˜ค.

Using Data Elsewhere

์ธํ’‹ ๋ ˆ์ด์–ด์˜ ์ž…๋ ฅ๊ฐ’์„ Variable์— ์ €์žฅํ•˜๋ฉด, ๋‹ค๋ฅธ Scene์—์„œ๋„ ๊ทธ ๊ฐ’์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฆ„, ๋น„๋ฐ€๋ฒˆํ˜ธ, ์ด๋ฉ”์ผ ๋“ฑ ์œ ์ €๊ฐ€ ์ž…๋ ฅํ•œ ์ •๋ณด๋ฅผ ํ™œ์šฉํ•˜๊ณ ์ž ํ•  ๋•Œ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.

[object Object]

ํ•ด๋‹น ํ”„๋กœํ† ํƒ€์ž…์„ ์ง์ ‘ ๋งŒ๋“ค์–ด๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด ํ”„๋กœํ† ํƒ€์ž…์— ์‚ฌ์šฉ๋œ Detect Trigger, Start Trigger, Layer property์— ๋Œ€ํ•œ ์ž์„ธํ•œ ์‚ฌํ•ญ์€ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์‹ญ์‹œ์˜ค.

Calculating the Remaining Balance

์ผ์ • ๊ธˆ์•ก์„ ์†ก๊ธˆํ•  ๋•Œ, ์ž”์•ก์ด ์ž๋™ ๊ณ„์‚ฐ๋˜๋„๋ก ์„ค๊ณ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ˜„์žฌ ์ž”์•ก์—์„œ ์†ก๊ธˆํ•˜๋Š” ๊ธˆ์•ก์ด ์ฐจ๊ฐ๋  ์ˆ˜ ์žˆ๊ฒŒ ์—ฐ์‚ฐ์„ ํ™œ์šฉํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

[object Object]

ํ•ด๋‹น ํ”„๋กœํ† ํƒ€์ž…์„ ์ง์ ‘ ๋งŒ๋“ค์–ด๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด ํ”„๋กœํ† ํƒ€์ž…์— ์‚ฌ์šฉ๋œ Arithmetic operation, Condition, Component์— ๋Œ€ํ•œ ์ž์„ธํ•œ ์‚ฌํ•ญ์€ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์‹ญ์‹œ์˜ค.

Remembering What's in the Shopping Cart

์žฅ๋ฐ”๊ตฌ๋‹ˆ์— ์ƒํ’ˆ์„ ๋‹ด์„ ๋•Œ, ์„ ํƒ๋œ ์ƒํ’ˆ๋“ค์ด ์žฅ๋ฐ”๊ตฌ๋‹ˆ ํŽ˜์ด์ง€์— ๋‚˜ํƒ€๋‚˜๋ฉด์„œ ์ด ๊ธˆ์•ก์ด ์ž๋™์œผ๋กœ ๊ณ„์‚ฐ๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์•„๋ž˜ ์˜ˆ์ œ๋ฅผ ์ฐธ๊ณ ํ•˜์—ฌ ํ•ด๋‹น ์ธํ„ฐ๋ž™์…˜์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

[object Object]

ํ•ด๋‹น ํ”„๋กœํ† ํƒ€์ž…์„ ์ง์ ‘ ๋งŒ๋“ค์–ด๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Soda Design์ด ์ œ์ž‘ํ•œ ๋””์ž์ธ์ž…๋‹ˆ๋‹ค.

์ด ํ”„๋กœํ† ํƒ€์ž…์— ์‚ฌ์šฉ๋œ Arithmetic operation, Function, Condition์— ๋Œ€ํ•œ ์ž์„ธํ•œ ์‚ฌํ•ญ์€ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์‹ญ์‹œ์˜ค.

Timer

ํƒ€์ด๋จธ์—์„œ 60์ดˆ๊ฐ€ ์ง€๋‚˜๋ฉด ๋ถ„์ด ์ถ”๊ฐ€๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ์œ„ํ•ด์„œ๋Š” ๊ฐ ์ˆซ์ž ์ž๋ฆฌ์— ์กฐ๊ฑด์„ ์ž…๋ ฅํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์ด์™€ ๊ฐ™์€ ๋งฅ๋ฝ์œผ๋กœ ์นด์šดํŠธ ๋‹ค์šด ํƒ€์ด๋จธ๋ฅผ ๋งŒ๋“ค ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

[object Object]

ํ•ด๋‹น ํ”„๋กœํ† ํƒ€์ž…์„ ์ง์ ‘ ๋งŒ๋“ค์–ด๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Eduardo Sonnino๊ฐ€ ์ œ์ž‘ํ•œ ๋””์ž์ธ์ž…๋‹ˆ๋‹ค.

์ด ํ”„๋กœํ† ํƒ€์ž…์— ์‚ฌ์šฉ๋œ Arithmetic operation, Condition, Detect Trigger์— ๋Œ€ํ•œ ์ž์„ธํ•œ ์‚ฌํ•ญ์€ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์‹ญ์‹œ์˜ค.

On Scroll Sticky Header

์Šคํฌ๋กค ์‹œ ํŠน์ • ๋ฉ”๋‰ด๋ฐ”์˜ ์œ„์น˜๋ฅผ ์กฐ์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜ ์˜ˆ์ œ์˜ ๊ฒฝ์šฐ, $touchVelocityY๋ฅผ ์ด์šฉํ•ด ์Šคํฌ๋กค ๋ฐฉํ–ฅ์„ ์ธ์‹ํ•˜์—ฌ ๋ฉ”๋‰ด๋ฐ” ์œ„์น˜๋ฅผ ์กฐ์ •ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

[object Object]

ํ•ด๋‹น ํ”„๋กœํ† ํƒ€์ž…์„ ์ง์ ‘ ๋งŒ๋“ค์–ด๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด ํ”„๋กœํ† ํƒ€์ž…์— ์‚ฌ์šฉ๋œ Predefined Variable, Detect Trigger์— ๋Œ€ํ•œ ์ž์„ธํ•œ ์‚ฌํ•ญ์€ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์‹ญ์‹œ์˜ค.

Enabling a Keyboard View

ํ‚ค๋ณด๋“œ๊ฐ€ ํ‘œ์‹œ๋  ๋•Œ, ํŠน์ • ๋ถ€๋ถ„์„ ํ‚ค๋ณด๋“œ ๋†’์ด์— ๋งž์ถฐ ์กฐ์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜ ์˜ˆ์ œ์˜ ๊ฒฝ์šฐ, $keyboardHeight๋ฅผ ์ด์šฉํ•ด ๊ทธ ๋†’์ด๊ฐ€ ์ž๋™ ๊ณ„์‚ฐ๋˜๋„๋ก ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

[object Object]

ํ•ด๋‹น ํ”„๋กœํ† ํƒ€์ž…์„ ์ง์ ‘ ๋งŒ๋“ค์–ด๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด ํ”„๋กœํ† ํƒ€์ž…์— ์‚ฌ์šฉ๋œ Predefined Variable, Focus Trigger์— ๋Œ€ํ•œ ์ž์„ธํ•œ ์‚ฌํ•ญ์€ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์‹ญ์‹œ์˜ค.

Using the Incoming Speech

Voice Command๊ฐ€ ํ™œ์„ฑํ™” ๋œ ์ƒํƒœ์—์„œ, $voiceTranscript์„ ์ด์šฉํ•ด ์Œ์„ฑ ์ธ์‹ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ธ์‹๋œ ๋‚ด์šฉ์„ ์ฝ๊ฒŒ ํ•˜๊ฑฐ๋‚˜, Text Response๋ฅผ ์‚ฌ์šฉํ•ด ํ…์ŠคํŠธ๋กœ ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ•ด๋‹น ํ”„๋กœํ† ํƒ€์ž…์„ ์ง์ ‘ ๋งŒ๋“ค์–ด๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด ํ”„๋กœํ† ํƒ€์ž…์— ์‚ฌ์šฉ๋œ Predefined Variable, Voice prototyping์— ๋Œ€ํ•œ ์ž์„ธํ•œ ์‚ฌํ•ญ์€ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์‹ญ์‹œ์˜ค.

Back To Top