Scene editing - kuimoani/defold GitHub Wiki

Scene editing

Defold์—๋Š” ์—ฌ๋Ÿฌ ์ข…๋ฅ˜์˜ ์—๋””ํ„ฐ๊ฐ€ ์žˆ์ง€๋งŒ ์”ฌ์—๋””ํ„ฐ๋Š” ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ์—๋””ํ„ฐ์ž…๋‹ˆ๋‹ค. ๋ชจ๋“  ๊ฒŒ์ž„ ์˜ค๋ธŒ์ ํŠธ์™€ ์ปฌ๋ ‰์…˜, ๊ฒŒ๋‹ค๊ฐ€ ๋ช‡๋ช‡ ์ข…๋ฅ˜์˜ ์ปดํฌ๋„ŒํŠธ๋Š” ์ด ์—๋””ํ„ฐ์—์„œ ์ƒ์„ฑ๋˜๊ณ  ํŽธ์ง‘๋ฉ๋‹ˆ๋‹ค.

  • ๋ทฐ ์ด๋™ํ•˜๊ธฐ: Alt + ๊ฐ€์šด๋ฐ ๋ฒ„ํŠผ (3๋ฒ„ํŠผ ๋งˆ์šฐ์Šค์ผ ๊ฒฝ์šฐ) ํ˜น์€ Option+Ctrl + ๋งˆ์šฐ์Šค ๋ฒ„ํŠผ (1๋ฒ„ํŠผ ๋งˆ์šฐ์Šค์ผ ๊ฒฝ์šฐ)
  • ๋ทฐ ์คŒ์ธ์•„์›ƒํ•˜๊ธฐ: Alt + ์˜ค๋ฅธ์ชฝ ๋ฒ„ํŠผ (3๋ฒ„ํŠผ ๋งˆ์šฐ์Šค์ผ ๊ฒฝ์šฐ) ํ˜น์€ Ctrl + ๋งˆ์šฐ์Šค ๋ฒ„ํŠผ (1๋ฒ„ํŠผ ๋งˆ์šฐ์Šค์ผ ๊ฒฝ์šฐ). ๋งˆ์šฐ์Šค ํœ  ๋ฒ„ํŠผ์œผ๋กœ ์คŒ์ธ์•„์›ƒ ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

๋งˆ์šฐ์Šค ํœ  ๋ฒ„ํŠผ์ด ์žˆ๋‹ค๋ฉด ๋ทฐ๋ฅผ ์คŒ์•„์›ƒ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. OS X์—์„œ๋Š” ํŠธ๋ž™ํŒจ๋“œ์— ๋‘ ์†๊ฐ€๋ฝ์„ ์Šค์™€์ดํ”„ ์—…/๋‹ค์šด ํ•˜๋ฉด ๋งˆ์šฐ์Šค ํœ ์„ ์›€์ง์ด๋Š” ๊ฒƒ๊ณผ ๋™์ผํ•˜๋ฏ€๋กœ ํ™•๋Œ€/์ถ•์†Œ๋ฅผ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ทฐ๋ฅผ ์œˆ๋„์šฐ์—์„œ ์ „์ฒด ์”ฌ์ด ๋ณด์ด๊ฒŒ ๋ฆฌ์…‹ํ•˜๋ ค๋ฉด Scene > Frame Objects ๋ฉ”๋‰ด๋ฅผ ์„ ํƒํ•˜๊ฑฐ๋‚˜ **F**๋ฅผ ๋ˆŒ๋Ÿฌ ์ฃผ์„ธ์š”.

Manipulating objects(์˜ค๋ธŒ์ ํŠธ ๋‹ค๋ฃจ๊ธฐ)

Selecting

๋ฉ”์ธ ์ฐฝ์—์„œ ์˜ค๋ธŒ์ ํŠธ๋ฅผ ํด๋ฆญํ•˜์—ฌ ์„ ํƒํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์—๋””ํ„ฐ ๋ทฐ์—์„œ ์˜ค๋ธŒ์ ํŠธ๋ฅผ ๋‘˜๋Ÿฌ์‹ผ ๋…น์ƒ‰ ๋ฐ•์Šค๊ฐ€ ๋‚˜ํƒ€๋‚˜ ๊ฐ•์กฐํ‘œ์‹œ ๋ฉ๋‹ˆ๋‹ค.

Select object

๋˜ํ•œ ๋‹ค์Œ ๋ฐฉ๋ฒ•์œผ๋กœ๋„ ์„ ํƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค:

  1. ๋ทฐ์—์„œ ์˜ค๋ธŒ์ ํŠธ๊ฐ€ ์—†๋Š” ๋นˆ ๊ณต๊ฐ„์„ ํด๋ฆญํ•œ ํ›„, ๋“œ๋ž˜๊ทธ ํ•œ ์˜์—ญ์— ํฌํ•จ๋œ ๋ชจ๋“  ์˜ค๋ธŒ์ ํŠธ๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.
  2. ์•„์›ƒ๋ผ์ธ ๋ทฐ(Outline view)์—์„œ ์˜ค๋ธŒ์ ํŠธ๋ฅผ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.
  3. **Shift**๋ฅผ ๋ˆ„๋ฅธ ์ƒํƒœ์—์„œ ์—๋””ํ„ฐ๋ทฐ์˜ ์—ฌ๋Ÿฌ ์˜ค๋ธŒ์ ํŠธ๋ฅผ ํด๋ฆญํ•˜์—ฌ ์„ ํƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ˜น์€ โŒ˜ (Mac)์ด๋‚˜ Control (PC/Linux)์„ ๋ˆ„๋ฅผ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.
  4. ์•„์›ƒ๋ผ์ธ ๋ทฐ์—์„œ ์˜ค๋ธŒ์ ํŠธ ํ•œ๊ฐœ๋ฅผ ํด๋ฆญํ•œ ํ›„, **Shift**๋ฅผ ๋ˆ„๋ฅธ์ฑ„๋กœ ๋‘๋ฒˆ์งธ ์˜ค๋ธŒ์ ํŠธ๋ฅผ ํด๋ฆญํ•˜๋ฉด ์ด ๋‘ ์˜ค๋ธŒ์ ํŠธ ์‚ฌ์ด์˜ ๋ชจ๋“  ์˜ค๋ธŒ์ ํŠธ๋“ค์ด ์„ ํƒ๋ฉ๋‹ˆ๋‹ค.
  5. โŒ˜ (Mac)์ด๋‚˜ Control (PC/Linux)์„ ๋ˆ„๋ฅธ ์ฑ„๋กœ ์•„์›ƒ๋ผ์ธ ๋ทฐ์—์„œ ์—ฌ๋Ÿฌ ์˜ค๋ธŒ์ ํŠธ๋ฅผ ํด๋ฆญํ•˜์—ฌ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.

Move Tool

์˜ค๋ธŒ์ ํŠธ๋ฅผ ์˜ฎ๊ธฐ๊ธฐ ์œ„ํ•ด์„œ๋Š” Move Tool์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. Scene > Move Tool ๋ฉ”๋‰ด๋ฅผ ์„ ํƒํ•˜๊ฑฐ๋‚˜ **W**ํ‚ค๋ฅผ ๋ˆ„๋ฅด๋ฉด ํ™œ์„ฑํ™” ๋ฉ๋‹ˆ๋‹ค.

Scene menu

์˜ค๋ธŒ์ ํŠธ๋ฅผ ์„ ํƒํ•˜๋ฉด ์ด ์˜ค๋ธŒ์ ํŠธ๋ฅผ ์ด๋™์‹œํ‚ค๋Š”๋ฐ ์‚ฌ์šฉ๋˜๋Š” 3๊ฐœ์˜ ์กฐ์ž‘ ์ง€์ ์ด ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค. ์ค‘์•™์˜ ์ž‘์€ ๋…น์ƒ‰ ์‚ฌ๊ฐํ˜•์„ ํด๋ฆญํ•œ์ฑ„๋กœ ๋“œ๋ž˜๊ทธํ•˜๋ฉด ์˜ค๋ธŒ์ ํŠธ๋ฅผ ์ž์œ ๋กญ๊ฒŒ ์ด๋™์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Move object

๋˜ํ•œ ํ™”์‚ดํ‘œ๋ฅผ ํด๋ฆญํ•œ ์ฑ„ ๋“œ๋ž˜๊ทธํ•˜๋ฉด ์„ ํƒ๋œ ์ถ•์— ๋”ฐ๋ผ ์˜ค๋ธŒ์ ํŠธ๋ฅผ ์ด๋™์‹œํ‚ฌ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ถ‰์€ ์ƒ‰ ํ™”์‚ดํ‘œ๋Š” X์ถ•์œผ๋กœ๋งŒ ์ด๋™์‹œํ‚ฌ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋…น์ƒ‰ ํ™”์‚ดํ‘œ๋Š” Y์ถ•์œผ๋กœ๋งŒ ์ด๋™์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Moving against the grid(๊ทธ๋ฆฌ๋“œ์— ๋งž์ถฐ ์ด๋™ํ•˜๊ธฐ)

**Shift**๋ฅผ ๋ˆ„๋ฅธ์ฑ„๋กœ Move Tool์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ฒŒ์ž„ ์˜ค๋ธŒ์ ํŠธ์˜ ์ค‘์•™์„ ๊ฒฉ์ž์— ๋งž์ถ”์–ด ์ด๋™์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ธฐ๋ณธ ๊ฒฉ์ž ํฌ๊ธฐ๋Š” 100์ž…๋‹ˆ๋‹ค. ๊ฒฉ์ž ํฌ๊ธฐ๋ฅผ ๋ณ€๊ฒฝํ•˜๋ ค๋ฉด Defold Editor > Preferencesโ€ฆ ๋ฉ”๋‰ด์—์„œ grid size๊ฐ’์„ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Grid size

Rotate Tool

Rotate Tool์€ Scene > Rotate Tool ๋ฉ”๋‰ด ํ˜น์€ **E**ํ‚ค๋ฅผ ๋ˆŒ๋Ÿฌ์„œ ์„ ํƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Rotate object

์ด ๋„๊ตฌ๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ์กฐ์ž‘ํ•  ์ˆ˜ ์žˆ๊ฒŒ 3๊ฐœ์˜ ํ•ธ๋“ค๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. 2D ์˜ค๋ธŒ์ ํŠธ์—์„œ๋Š” Z์ถ•์„ ๊ธฐ์ค€์œผ๋กœ ํšŒ์ „ํ•˜๋Š” ํ•ธ๋“ค์„ ์‚ฌ์šฉ ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์˜ค๋ธŒ์ ํŠธ ์ฃผ๋ณ€์— ํŒŒ๋ž€์ƒ‰ ์›ํ˜•์œผ๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ๋ฐ”๋กœ ๊ทธ ํ•ธ๋“ค์„ ํด๋ฆญ/๋“œ๋ž˜๊ทธ ํ•˜์—ฌ ์˜ค๋ธŒ์ ํŠธ๋ฅผ ํšŒ์ „์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

X ํ˜น์€ Y์ถ•์„ ๊ธฐ์ค€์œผ๋กœ ํšŒ์ „์‹œํ‚ค๊ณ  ์‹ถ๋‹ค๋ฉด, ๋…น์ƒ‰์ด๋‚˜ ๋ถ‰์€์ƒ‰ ์›ํ˜•์„ ํด๋ฆญ/๋“œ๋ž˜๊ทธ ํ•˜์‹ญ์‹œ์˜ค. ํ˜„์žฌ ๋ทฐ๊ฐ€ ์ด๋“ค ์ถ•์— ์ง๊ฐ์œผ๋กœ ์œ„์น˜ํ•ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์—, ๋…น์ƒ‰๊ณผ ๋ถ‰์€์ƒ‰ ์›ํ˜•์ด ์‹ญ์ž์„ ์œผ๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค: ๊ฐ€๋กœ๋Š” ๋…น์ƒ‰, ์„ธ๋กœ๋Š” ๋นจ๊ฐ„์ƒ‰.

Scale Tool

Scale Tool์€ Scene > Scale Tool๋ฉ”๋‰ด ํ˜น์€ **R**๋ฒ„ํŠผ์œผ๋กœ ์„ ํƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Scale object

๋ถ‰์€์ƒ‰์ด๋‚˜ ๋…น์ƒ‰์˜ ํ•ธ๋“ค์„ ํด๋ฆญ/๋“œ๋ž˜๊ทธํ•˜์—ฌ ์˜ค๋ธŒ์ ํŠธ์˜ ํฌ๊ธฐ๋ฅผ ์กฐ์ ˆํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฒŒ์ž„ ์˜ค๋ธŒ์ ํŠธ๋Š” X์ถ•์ด๋‚˜ Y์ถ•์œผ๋กœ ์ž์œ ๋กญ๊ฒŒ ๋Š˜์ด๊ฑฐ๋‚˜ ์ค„์—ฌ์„œ ํ™•๋Œ€์ถ•์†Œ๊ฐ€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

ํ˜„์žฌ Sprite ์ด๋ฏธ์ง€๋Š” ์—๋””ํ„ฐ์ƒ์—์„œ ํ™•๋Œ€์ถ•์†Œ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋Ÿฐํƒ€์ž„์‹œ์— ์ž์œ ํ˜•์‹์œผ๋กœ ํ™•๋Œ€์ถ•์†Œ๋ฅผ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. ์ž์„ธํ•œ ๊ฒƒ์€ 2D Graphic ๋ฌธ์„œ๋ฅผ ์ฐธ๊ณ ํ•˜์‹ญ์‹œ์˜ค.

Selecting what is showing in the Scene Editor (์”ฌ ์—๋””ํ„ฐ์—์„œ ํ‘œ์‹œํ•  ํ•ญ๋ชฉ ์„ ํƒํ•˜๊ธฐ)

์ˆ˜ ๋งŽ์€ ์˜ค๋ธŒ์ ํŠธ์™€ ๋ฌผ๋ฆฌ๊ฐ์ฒด, ํŠธ๋ฆฌ๊ฑฐ, ๊ทธ๋ž˜ํ”ฝ์—์…‹๋“ค์ด ๊ฒน์ณ์ง„ ๋ ˆ์ด์–ด๊ฐ€ ์žˆ๋Š” ๋ณต์žกํ•œ ์ปฌ๋ ‰์…˜์—์„œ ์ž‘์—…ํ•˜๋Š” ๊ฒฝ์šฐ ์”ฌ ์—๋””ํ„ฐ์—์„œ ํŠน์ •ํ•œ ํƒ€์ž…์˜ ์‹œ๊ฐ์  ์ •๋ณด๋ฅผ ๋น„ํ™œ์„ฑํ™” ํ•˜๋Š”๊ฒƒ์€ ์ข…์ข… ํŽธ๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ์”ฌ ์—๋””ํ„ฐ๋Š” ์—๋””ํ„ฐ ์ƒ์—์„œ ๊ฐ๊ธฐ ๋‹ค๋ฅธ ์ข…๋ฅ˜์˜ ๋ Œ๋”๋ง ์ •๋ณด๋ฅผ ํ™œ์„ฑํ™” ํ˜น์€ ๋น„ํ™œ์„ฑํ™” ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Scene > Show ๋ฉ”๋‰ด๋ฅผ ์„ ํƒํ•˜์—ฌ ์—๋””ํ„ฐ์— ํ‘œ์‹œ๋  ํ•ญ๋ชฉ์„ ์„ ํƒํ•˜์‹ญ์‹œ์˜ค.

Showing information

์ด ์„ ํƒ์‚ฌํ•ญ์€ ์—๋””ํ„ฐ์— ์ €์žฅ๋˜์–ด ๋ชจ๋“  ์”ฌ์—๋””ํ„ฐ ์ธ์Šคํ„ด์Šค์— ์ ์šฉ๋ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ ๋‹น์‹ ์˜ ์„ ํƒ์€ ์„ธ์…˜ ์‚ฌ์ด์—์„œ๋„ ์ €์žฅ๋˜์–ด Defold ์—๋””ํ„ฐ๋ฅผ ๋‹ซ๊ณ  ๋‹ค์Œ๋‚  ์—ด์–ด๋„ ์ด ์„ค์ •์€ ๊ทธ๋Œ€๋กœ ์œ ์ง€๋ฉ๋‹ˆ๋‹ค.

โš ๏ธ **GitHub.com Fallback** โš ๏ธ