๐๐ฏ๐ผ๐๐ ๐ ๐ฒ ๐ช๐ถ๐๐ต ๐๐บ๐ฑ
์์ cmd ํ๋ฉด์ ํด๋ฆญํ์ฌ ๋ช ๋ น์ด๋ฅผ ์ ๋ ฅํ ์ ์์ต๋๋ค.
ํ๋ถ ์์ System Programming์ ๋ฐฐ์ฐ๋ฉฐ unix style ์ปค๋์ ๊ตฌํํ ๊ฒฝํ์ด ์์ต๋๋ค. ๋น์์๋ ๋ช ๋ น์ด๋ฅผ parsingํ๋ ๋ฐ์ ์๊ฐ์ ๋ง์ด ์์๋ค๋ฉด, ์ด๋ฒ ํ๋ก์ ํธ์์ ํ์ด์ง๋ฅผ ์ง์ ๊ทธ๋ฆฌ๊ณ , ๋ผ์ธ ์์์ ์ขํ๊ฐ๋ค์ ์ฐ์ด๋ณด๋ฉฐ ์ปค๋ ๊ทธ ์ด์ ๋จ๊ณ๋ฅผ ์ง์ ๊ตฌ์ถํด๋ณด๋ ๋๋์ด์์ต๋๋ค.
์ ์์ ์๊ฐ์ 14์๊ฐ ์ ๋๋ก ์ถ์ ๋ฉ๋๋ค. ๊ฐ๋ฐ์์ ์๊ธฐ์๊ฐ๋ ์ปค๋์ ๋์ ๋ณด์ฌ์ฃผ๋ฉด ์ฌ๋ฏธ์๊ฒ ๋ค๋ ์๊ฐ์ ๋น์ผ ์ ๋ ๋ฐ๋ก ์์ ์ ์ฐฉ์ํ๊ณ , ์๋ฒฝ 6์๊น์ง 12์๊ฐ ์ด์ ์์ ํ์ฌ ์์ฑํ ํ ๋ค์๋ 3์๊ฐ ์ ๋๋ฅผ ๋ค์ฌ ๊ตฌ์ ํด๋ ์น์๋ฒ์ ๊นํ์ด์ง์ ๋ฐฐํฌํ์์ต๋๋ค.
์ฒ์์ ํ๋์๊ฒ์์ฒ๋ผ About Me ํ์ด์ง์ ๋ฐ๋ก ๋์ฐ๊ณ ์ HTML5 ๊ฒ์ ์์ง์ ์ฐพ์๋ณด์์ต๋๋ค. ์ฐพ์๋ณด๋ ๋ง์ ์น๊ฒ์ ๊ฐ๋ฐ์๋ค์ด ์ฌ์ฉํ๊ณ , ๊ฐ๋ฒผ์ด ๊ฒ์์์ง์ธ Phaser๋ฅผ ์ ํํ์ฌ ๋ค์ด๋ก๋๋ฐ๊ณ , 4์๊ฐ ์ ๋๋ ์์
์ ์ง์ ์์ด Phaser๋ฅผ ์ดํดํ๋ ๋ฐ์ ์๊ฐ์ ์์๋ ๊ฒ ๊ฐ์ต๋๋ค. ๋ํ ๊นํ์ด์ง์ ํ์คํ ๋์ธ ์ ์์์ง, ๋์๊ฐ ๊น๋ธ๋ก๊ทธ์ iframe
ํ๊ทธ๋ก ํ์ด์ง๋ฅผ ์ฝ์
ํ ์ ์์์ง์ ๋ํ ์กฐ์ฌ ์ญ์ ๋ณํํ์์ต๋๋ค. ๊ฐ๋ฐ ๊ณผ์ ์์ javascript์ ๋ํ ๊น์ ์ดํด๊ฐ ์๋ ์ ๋ก์๋ javascript ์ฌ์ธต์ ์ธ ์๋ ์ญ์ ์ดํดํ๋ ๋ฐ์ ์๊ฐ์ด ๊ฑธ๋ ธ์์ต๋๋ค.
๋ฐฐ์ด๊ฒ ๋๋ฌด ๋ง์ ์ด๋์๋ถํฐ ์ ๋ฆฌํด์ผ ํ ์ง ๊ฐ๋ ์กฐ์ฐจ ์๋๋ค์. ํ๋ํ๋ ์ ๋ฆฌํด๋ณด๊ฒ ์ต๋๋ค.
๐๐ก๐๐ญ ๐ ๐๐๐๐ง๐ซ๐ง
(1) ์ฌ์ฉํด๋ณธ ์ ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์ ์ต๋๋ค.
- ์์ ์ ๋ค์ด๊ฐ๋ฉฐ Phaser์ ์กด์ฌ๋ฅผ ์ฒ์ ์์๊ธฐ ๋๋ฌธ์, ๊ฐ๋ฐ ๊ณผ์ ์์ ์จ๋ณด์ง ์์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ ๋ฒ์ ๋ฐฐ์ฐ๊ฒ ๋์์ต๋๋ค. ๋ํ ํ๊ตญ์ด๋ก ๋ ๋งค๋ด์ผ์ด ๋ง์ง ์์ ์ํฉ์ด์๊ธฐ ๋๋ฌธ์, ๊ตฌ๊ธ๋ง ํ๋ ๋ฒ์ ๊ต์ฅํ ๋ง์ด ๋ฐฐ์ ์ต๋๋ค.
- ๊ฐ์ฅ ๋์์ ๋ง์ด ๋ฐ์ ๊ฒ์ ์ญ์ ๊ณต์ ๋ฌธ์์ ๋๋ค. Phaser 3์ ์์ ์ฝ๋์์ ์ํ๋ ํํธ๋ฅผ ์ฐพ์ ์ฝ๋๋ฅผ ๋ฏ์ด๋ณด๊ณ , ์๋๋ฐ์ค์์ ์ฝ๋๋ฅผ ๋ฐ๊ฟ๋ณด๋ฉฐ ํด๋น ํจ์์ ์๋์ ์ด๋ฆผ์ง์ํ์ต๋๋ค. ์ฌ์ฉํ๊ธฐ ์ํ ๊ฒ์ด๋ ์ฌํ์ ์ฌํ์ ๋ํ ์ดํด๋ ์ ์ด๋๊ณ , ์ฌ์ฉ๋ฒ์ ์ค์ ์ ์ผ๋ก ๊ณต๋ถํ์ต๋๋ค.
- ์ฉ์ด๊ธ์์์์๋ ๋ถ๊ตฌํ๊ณ ์์ธ๋ก ์คํ์ค๋ฒํ๋ก์ฐ์ ๋์๋ ๋ง์ด ๋ฐ์์ต๋๋ค.
- ๊ณต์ ๋ฌธ์๋ฅผ ๋จผ์ ์ดํด๋ณธ ํ, ์ฌ์ฉํ๊ธธ ์ํ๋ ๋ฉ์๋๋ฅผ ์์ง ์ด๋ฆ์ธ Phaser์ ํจ๊ป ๊ฒ์ํ๋ฉด ์คํ์ค๋ฒํ๋ก์ฐ ๋ค์ํ ์ง๋ฌธ๋ค์ด ์์์ ธ ๋์์ต๋๋ค. ๋ชจ๋ ์ง๋ฌธ๊ณผ ๋ต๋ณ์ ์ฝ์ผ๋ฉฐ ํ์ฌ ์ฒํด์๋ ๋ฌธ์ ๊ฐ ๋ด๊ฐ ์ ์ฌ์ฉํ์ง ๋ชปํด์ ๋ฐ์ํ๋ ๋ฌธ์ ์ธ๊ฑด์ง, ๊ทธ ์ธ์ ๋ฌธ์ ์ธ์ง ์ ๋๋ฅผ ํ์ ํ ์ ์์์ต๋๋ค. ๋ฌด์์ ๋ชจ๋ฅด๋์ง ๋ชจ๋ฅด๋ ์ํ์์ ๋จ๋ค์ด ๋ชจ๋ฅด๋ ๋ถ๋ถ๋ค์ ์๊ฒ๋๋ค๋ ์ ์ด ์คํ๋ ค ๋ฌด์์ ๋ชจ๋ฅด๋ ์ง๋ฅผ ์๊ฒ ํด์ฃผ์๋ ๊ฒ ๊ฐ์ต๋๋ค.
(2) ๋ฌธ์ ํด๊ฒฐ๋ ฅ์ ๋์์ต๋๋ค.
- Phaser 3์์ ์ ์ ์ ๋ ฅ์ ๋ฐ๋ผ ๋ผ์ธ์ด ์๋ก ๋ฐ๋ ค๋๋ ๊ทธ๋ํฝ์ ๊ตฌํํ๊ธฐ ์ํ์ฌ, ์ฒ์์๋ javascript์ Queue๋ฅผ ์ ์ฉํ์ฌ ํน์ ๋ผ์ธ ์ด์์ด ๋๋ฉด dequeue๋๊ณ , ์๋ก์ด ๋ผ์ธ์ ์ถ๊ฐํ๋ ์ฝ๋๋ฅผ ์์ฑํ์์ผ๋ Phaser์ ํน์ฑ์ ์ขํฏ๊ฐ์ ๋งค๋ฒ ์๋กญ๊ฒ ์ ๋ฐ์ดํธํด์ฃผ๊ธฐ์ ๋นํจ์จ์ ์ด์ด์ ํด๋น ๋ฐฉ๋ฒ์ ํ๊ธฐํ์ต๋๋ค.
-
์ดํ ์บ๋ฒ์ค์ ๋ผ์ธ์ ์ขํฏ๊ฐ์ ๋ฏธ๋ฆฌ ์ ์ฅํด๋๊ณ , line์ ํด๋น ์ขํฏ๊ฐ์ ์ฐ์ด์ฃผ๋ ๋ฐฉ์์ผ๋ก ์งํํ์ต๋๋ค.
moveUpEntries()
ํจ์๋ฅผ ๊ตฌํํ์ฌ ํ ๋ผ์ธ์ ๋์ด(line_h
)๋งํผ ๋ชจ๋ line์ height๋ฅผ ์ฌ๋ ค์ฃผ์ด์ ๋ผ์ธ์ ์ด๋์ ํํํ๊ฒ ๋์์ต๋๋ค.function moveUpEntries() { for (var i = 0; i < (entryArray.mark).length; i++) { (entryArray.mark[i]).y -= line_h; (entryArray.content[i]).y -= line_h; } }
์์ ์ฝ๋๋ ํด๋น ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ์ฝ๋์
๋๋ค. Phaser์ textEntry์ text, width, hieght ๋ฑ์ ์์ฑ๊ฐ์ ๋ฐ๊พธ๋ฉด ์๋กญ๊ฒ ์ด๋ฏธ์ง๋ฅผ ๋์ฐ์ง ์์๋ ๋๋ค๋ ์ ์์ ์ฐฉ์ํ์ต๋๋ค. ์ด์ ๋ผ์ธ์ textEntry๋ค์ ๋ชจ๋ entryArray
๋ง๋ค์ด y๊ฐ์ ๋ฏธ๋ฆฌ ์ง์ ํด๋ ํ ๋ผ์ธ์ ๋์ด(line_h
)์ฉ ์๋ก ๋๋ ค์ฃผ๋ ๋ฐฉ์์ ์ฑํํ์์ต๋๋ค.
(3) javascript์ ๋ํ ์ดํด๊ฐ ๋์์ก์ต๋๋ค. ํนํ, javascript์์ ๊ตฌ์กฐ์ฒด ๋ฐฐ์ด์ ๋ง๋๋ ๋ฒ์ ์ตํ์ต๋๋ค.
- ์ฒ์์ javascript์๋ ๊ตฌ์กฐ์ฒด๊ฐ ๋ฐ๋ก ์ง์๋์ง ์๋๋ค๋ ๊ธ์ ์ ํ๊ณ ๊ต์ฅํ ๋นํฉํ์์ผ๋, ๋ ํจ์จ์ ์ธ ๋ฐฉ์์ผ๋ก ์ฝ๋ ๊ธฐ์ ์ด ๊ฐ๋ฅํ๊ธฐ์ ์ง์ํ์ง ์๋ ๋ฏ ํฉ๋๋ค. javascript ๊ตฌ์กฐ์ฒด ๋ฐฐ์ด์ ์์ฑํ๊ณ ์ฌ์ฉํ๋ ์ฝ๋๋จ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
var entryArray = {
mark : [],
content : []
};
...
var markEntry = game.add.text(10, line_h*line, input_line, textStyle_line_mark);
var userInputEntry = game.add.text(30, line_h*line, recentInput, textStyle_input);
(entryArray.mark).push(markEntry);
(entryArray.content).push(userInputEntry);
...
var markEntry = game.add.text(10, line_h*line, input_line, textStyle_line_mark);
var userInputEntry = game.add.text(30, line_h*line, recentInput, textStyle_input);
(entryArray.mark).push(markEntry);
(entryArray.content).push(userInputEntry);
- ์์ฒ๋ผ etnryArray๋ผ๋ ์ด๋ฆ์, ๋ด๋ถ์ mark๋ผ๋ key์ empty Array๋ฅผ value๋ก ๊ฐ๋ ๋ณ์๋ฅผ ๋ง๋ค์ด์ฃผ์์ต๋๋ค. ์ดํ ๊ฐ๊ฐ์ entry๋ฅผ ๋ฐ๊ณ , entryArray.mark์ pushํด์ฃผ๊ฑฐ๋ entryArray.content์ pushํด์ฃผ๋ ๋ฐฉ์์ ํํ์ต๋๋ค.
function clear() {
for (var i = 0; i < (entryArray.mark).length; i++) {
(entryArray.mark[i]).text = '';
(entryArray.content[i]).text = '';
}
line = -2;
}
- ์ฌ์ฉ์ entryArray ๋ด๋ถ์ mark ํน์ content์ array length๋งํผ ์ํํ๋ฉฐ, entryArray์ mark๋ฐฐ์ด์ ์ ๊ทผํ์์ต๋๋ค.
- ๋์๊ฐ, ํฌ๋กฌ ๊ฐ๋ฐ์๋๊ตฌ๋ฅผ ์ฌ์ฉํ๋ ๋ฐ์ ์ฝ๊ฐ ์ต์ํด์ก์ต๋๋ค. ์ฌ์ ํ ๋๋ฒ๊น ์ ํ๋ ๋ฐ์๋ ๋ฒ๋ฒ ๊ฑฐ๋ฆฌ์ง๋ง, ์ ์ด๋ ์ค๋จ์ ์ ์ค์ ํ๊ณ ์คํํ๋ ๋ฒ, ํ์ผ ๊ตฌ์กฐ๋ฅผ ์ดํด๋ณด๋ ๋ฒ์ ํ์ตํ๋ค๋ ๋ฐ์ ํฐ ์์๊ฐ ์์ต๋๋ค.
(4) ํ์ ๊ณผ ์ ์ฌํ ๋ฆฌํฉํ ๋ง ๋ฐฉ์์ ์๋ํ๊ฒ ๋์์ต๋๋ค.
ํด๋ฆฐ์ฝ๋
์์ ์ ์ฝ์ ํ ๋จธ๋ฆฟ ์์ ๋ด์๋๊ณ ์ค์ ์ ์ฉ์ ๋ฏธ๋ฃจ๋ ์ฝ๋ ์์ฑ ๋ฐฉ์๋ค์ ์ฌ์ฉํด๋ณด๊ฒ ๋์์ต๋๋ค. ํด๋น ์น ์ดํ๋ฆฌ์ผ์ด์ ์ ์ฌ์ฉ์๊ฐ ๊น๋ธ๋ก๊ทธ์ ์ฝ์ ํ๊ธฐ ์ํด์๋, ์ค์ ์ฝ๋ ๋ด๋ถ์์์ ๋ณ์๊ฐ์ ์กฐ์ ํ๋ ๊ณผ์ ์ด ์๊ตฌ๋์์ต๋๋ค. ์ด์ ์ฌ์ฉ์๊ฐ ๋์ ์ฝ๋๋ฅผ ๋ฐ๋์ ์ฝ๋๋ค๋ ์๊ฐ์ผ๋ก ๋ง์ง๋ง์ ๋ฆฌํฉํ ๋ง์ ์ค์ํ์ต๋๋ค. ์ด ๊ณผ์ ์์ ์ต๋ํ ๊ฐ๋ ์ฑ ์ข์ ๋ณ์๋ช ์ ์ ํ๊ณ , ์ ์ญ๋ณ์๋ ํ ๊ณณ์ผ๋ก ์ฎ๊ฒผ์ผ๋ฉฐ, ์ฌ์ฉ์๊ฐ ์กฐ์ ๊ฐ๋ฅํ ๋ณ์๋ค์ ๋ฐ๋ก ๋ชจ์ ์ ๋ฆฌํด๋์์ผ๋ฉฐ, ๋ถํ์ํ๊ฒ ๋ง์ ๊ธฐ๋ฅ์ ํ๋ ํ๋์ ํจ์๋ฅผ ์ฌ๋ฌ ๊ฐ์ ํจ์๋ก ๋ถ๋ฆฌํ์ต๋๋ค.- ํ์ธ์ด ๋ด ์ฝ๋๋ฅผ ๋ฐ๋์ ๋ณธ๋ค๋ ์๊ฐ์ผ๋ก ์ฝ๋๋ฅผ ์์ฑํ๊ณ , ๋ฆฌํฉํ ๋งํ๋ ๊ณผ์ ์์ ์ฝ๋๋ ํ๋์ ์ค๊ธ์ด๋ ๋ค๋ฆ์๋ค๋ ์๊ฐ์ ํ์ต๋๋ค. ๋ํ ์ฃผ๋ณ์ธ๋ค์ด ๋๋ค์ ๋น๊ฐ๋ฐ์ง๊ตฐ์ ์ข ์ฌํ๋ ๊น๋ญ์, ํด๋น ์น์ดํ๋ฆฌ์ผ์ด์ ์ ๋ณด๋ฌ ์ค๊ณ , ์ฌ์ฉํด๋ณด๊ธฐ ์ํด์๋ ๋ฐ๋์ ๊ฐ๋ ์ฑ ์ข๊ณ ์ดํดํ๊ธฐ ์ฌ์ด ์ฝ๋๊ฐ ํ์ํ์ต๋๋ค. ์ด ๊ณผ์ ์์ ๋ณ์๋ช ๊ณผ ํจ์๋ช ์ ์ค์์ฑ์ ๋ฐฐ์ ์ต๋๋ค.
(5) ๊นํ๋ธ๋ฅผ ์๋ฆ๋ต๊ฒ ์ ์งํ๋ ค๋ ๋ ธ๋ ฅ
- ํน์ ๊ธฐ๋ฅ ์ถ๊ฐ ๋ฑ ํ ๋ฒ์ ๊ฐ๋ฐ ๊ณผ์ ์ด ๋๋ ๋๋ง๋ค ๋ฐ๋ก๋ฐ๋ก ์ปค๋ฐ์ ํด์ฃผ๊ณ ์ ๋ ธ๋ ฅํ์ต๋๋ค. ๋ช๋ช ํ๋ก์ ํธ์์ ์ธ์ ๋ ๋ด ์๋ณธ ์ฝ๋๊ฐ ๋์ ์ค์๋ก ๋งํ ์ ์๋ค๋ ์ฌ์ค์ ๊นจ๋ฌ์๊ธฐ ๋๋ฌธ์, ๊ธฐ๋ฅ ๊ตฌํ์ด ์๋ฃ๋ ๋๋ง๋ค ๋ฐ๋ก๋ฐ๋ก ์ปค๋ฐ์ ํด๋์์ต๋๋ค. ์๋๋๋ค๋ฅผ๊น, ์น์๋ฒ์ ๋ฐฐํฌ๊ฐ ์๋์ด ํด๋ ๊ตฌ์กฐ๋ฅผ ์์๋ก ๋ฐ๊พธ์์ ๋ ์๊ธด ์๋ฌ๋ฅผ ๊ณ ์น๊ณ ์ ๊นํ๋ธ ์ปค๋ฐ ํ์คํ ๋ฆฌ์์ ๋ง์ด ๋์์ ๋ฐ์ ์ ์์์ต๋๋ค.
(6) ๋ฒ์ ์ ์ค์์ฑ
- Phaser 2.x(
phaser.min.js
)๋ฅผ ์ฌ์ฉํ๋ ๋์ค, Phaser 3.x(phaser.js
)๋ฅผ ์ฌ์ฉํ๊ฒ ๋์์ต๋๋ค. ํด๋น ๊ณผ์ ์์ ๋ถ๋ช ํ ์ธ์๋๋ ํจ์๋ค์ด ์ธ์์ด ๋์ง ์์ keyboard input ํํธ์ ์ฝ๋๋ฅผ ๋ณ๊ฒฝํ๋ ์์ ์ด ์์์ต๋๋ค. ํด๋น ๊ณผ์ ์์ ๋จธ๋ฆฌ๋ก๋ง ์ดํดํ๋ฉด ๋ฒ์ ์ ์ค์์ฑ์ ๋๋ ์ ์์์ต๋๋ค. - ์์ ์์
์์
game.input.keyboard.onCallBack(...)
ํจ์๊ฐgame.input.keyboard.on(...)
์ผ๋ก ๋ณ๊ฒฝ๋์์ต๋๋ค. ํด๋น ๊ณผ์ ์์ ํ ๊ธ์์ฉ character๋ฅผ ๋ฐ์์ค๋ get_keys() ์ฝ๋๊ฐ ํค ์ฝ๋(event.keyCode
)๋ฅผ ๋ฐ์์ค๋ ์ฝ๋๋ก ๋ฐ๋์์ต๋๋ค. ๋ฏธ๋ฆฌ get_keys() ํจ์๋ก ๋นผ๋์๊ธฐ์ ํ๋ถ์ฐฉ์ด ์ด๋ ต์ง ์์๊ณ , ์ด์ ๋ฐ๋ผ ํ ํจ์๋ ํ๋์ ๊ธฐ๋ฅ์ ํด์ผํ๋ค๋ ํด๋ฆฐ ์ฝ๋์ ์์น ์ค ํ๋๋ฅผ ์ค๊ฐํ ์ ์์์ต๋๋ค.
(7) ์น์๋ฒ ๋ฐฐํฌ, ์น์ดํ๋ฆฌ์ผ์ด์ ๋ฐฐํฌ ๊ณผ์
- gitpage์์ ์ ๋ก๋ํ๊ธฐ ์ด์ ๊ฐ์ธ ์น์๋ฒ์ ์ฌ๋ฆฌ๋ ๊ณผ์ ์ ๊ฒช์์ต๋๋ค. ๋ค์ด๋ฒํด๋ผ์ฐ๋ํ๋ซํผ์์ ๋ฐ์ 1๋ ์ง๋ฆฌ ๋ฌด๋ฃ CentosOS ์๋ฒ๋ฅผ ์ฌ์ฉํ์ผ๋ฉฐ, ํ์ฌ ์ ์น์๋ฒ์์๋ ๋ฐฐํฌ๋๊ณ ์์ต๋๋ค. ํด๋น ๋งํฌ๋ ์ฌ๊ธฐ๋ฅผ ํด๋ฆญํ์๋ฉด ๋ฉ๋๋ค.
- ๋ฐฐํฌ๋ฅผ ์ฒดํํด๋ณด๋ฉฐ, jdk ๋ฒ์ ์ ์๋ก ๊น๊ณ , tomcat 8.5๋ฒ์ ์๋ฒ๋ฅผ ํ ๋น ์น์๋ฒ์ ๊น์์ต๋๋ค. ์ด ๊ณผ์ ์์ tomcat์ root์ ๋ํ ์ดํด๊ฐ ๋์์ก๊ณ , webapp์ผ๋ก ์ ๊ทผํ์ฌ ํ์ผ์ ์ฝ๋ ๋์๋ฐฉ์์ ์ด๋ ดํํ๊ฒ ์ดํดํ์ต๋๋ค.
- tomcat์ ๋ก์ปฌ ์๋ฒ๋ก ๋๋ฆฌ๋ฉฐ ์์ฑํ ์๋ฐ์คํฌ๋ฆฝํธ ํ์ผ๊ณผ index.html์ ์ด๋ป๊ฒ ์น ์๋ฒ์ ์ฌ๋ฆฌ๋์ง๋ฅผ ํ์ ํ์ต๋๋ค. ๊ต์ฅํ ๊ณผ์ ์ด ์๋ ์ค ์์๋๋ฐ, ํ๋ถ์ ๋ Visual Studio์์ ์ฝ์ ์ดํ๋ฆฌ์ผ์ด์ ์ Releaseํ๋ฏ์ด IDE์์ Export๋ฅผ ํ๋ฉด ๋ฉ๋๋ค. ์ง์ ๊ฐ๋จํ ๋ฐฐํฌ๊น์ง ๋๋ง์ณ๋ณด๋ฉฐ ์น์๋ฒ์ ๋์์ ๋ํ ์ดํด๋ฅผ ํ์ต๋๋ค.
(8) ์์ ์๊ฐ์ ๋ํ ์ดํด
- ๋ ๊ทธ๋์ ์๋๋ค๋ ๊ฑธ ์๊ณ ๋ ์์์ง๋ง ์์ ์๊ฐ์ ์ธก์ ํ ๋๋ง๋ค ๋ ์์ ์๊ฐ์ ์ ๊ฒ ์๊ฐํด์์ต๋๋ค. ๋ด๊ฐ ๋ชจ๋ ๊ฑธ ๊ณ ๋ คํด์ ์ก๋ ์์ ์๊ฐ๋ณด๋ค ๋๋ต 2๋ฐฐ ์ ๋๋ ์๊ฐ์ด ๋ ๋๋ ๋ฏ ํฉ๋๋ค.
- ํนํ ์ ํ ๋ชจ๋ฅด๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ์๋ ๋๋์ฑ ๊ทธ๋ ์ต๋๋ค. ์ฒ์ ์์
์ ๊ตฌ์ํ๊ณ ์คํํ ๋์๋ cmd์ฐฝ์ ์ง์ ๊ทธ๋ฆฌ๋๊ฒ ์๋๋ผ, ๋ญ๊ฐ ๋ค๋ฅธ ๋ฐฉ๋ฒ์ด ์์ผ๋ฆฌ๋ผ ์๊ฐํ์๋๋ฐ์. ๋ง์ Phaser ๊ฒ์ ์์ง์ ๋ฏ์ด๋ณด๋ ๋น์ฐํ ๊ฑฐ์ง๋ง text ๊น์ง๋ ํ๋ํ๋ ์บ๋ฒ์ค์ ์ฐ์ด์ฃผ๋ ๊ฒ์ด์์๋๋ค. ์ด์ ๋ฐ๋ผ ํ
์คํธ๊ฐ์ ๊ฐ๊ฒฉ์ ์กฐ์ ํ๋ ์ผ, ํนํ ๋ผ์ธ ์๊ฐ ๋ง์์ง ๊ฒฝ์ฐ ๋ผ์ธ๋ค์ด ๋ฐ๋ฆฌ๋ ์ ๊ณผ
/CLEAR
ํจ์ ์ดํ์ ๊ฐ๊ฒฉ ์กฐ์ ๋ฑ์์ ์ด๋ ค์์ ๊ฒช์์ต๋๋ค. ์ด์ฒ๋ผ ์ ํ ๋ชจ๋ฅด๋ ์ํ์์ ์๊ฐํ ์์ ์๊ฐ์, ์ค์ ๋ก๋ ์ต์ ๊ทธ ๋๋ฐฐ๋ ๋ ๋ค๋ ์ ์ ๋ฐฐ์ ์ต๋๋ค.
(9) ๋์ ๊ฐ๋ฐ ์ง์ค๋ ฅ์ ๋ํ ์ดํด
- ์ฌ๋ฏธ์๋ ์ผ์ด ์์ผ๋ฉด ์ฌ์ง ์๊ณ ๊ทธ ์ผ๋ง ํ๋ ์ ์ ํน์ฑ์ ์๊ณ ์์์ง๋ง, ์ ์ ๊ณผ ์ฒด๋ ฅ์ ์ฝ๊ฐ ๋ถ์ ์ ์ธ ์ํฅ์ด ๊ฐ ๋งํผ ๋ชฐ์ ํ๋ ์ต๊ด์ด ์๋ ๋ฏ ํฉ๋๋ค. ์ ๋ ์๊ฐ์ ์์ํด์ ์์ ์ ๋๋ด๊ณ ์์นจ์ ์๋ ๊ฒ๋ณด๋จ, ๊ตฌ์์ ๋๋ธ ํ ๋ค์ ๋ ์์นจ๋ถํฐ ์์ ์ ์์ํด ํ์์ ์ทจ์นจ ์๊ฐ์๋ ์ ๋๋ ๊ฒ์ด ์ข์ ๋ฏ ํฉ๋๋ค.
- ๋ฐฉ ๋ถ์ ๋ ์ํ๋ก ์ฃผ๋ณ ์กฐ๋ช ์ผ๋ก ์ฃผํฉ๋ฑ ์คํ ๋๋ฅผ ์ผ๊ณ , ์ฑ ์ ๋์ ํฐ์ ์์ ๋ฑ ์คํ ๋๋ฅผ ์ผฐ์ ๋์ ํธ์ํ ์ ๋๋ก ์ฃผ๋ณ ์กฐ๋๊ฐ ๋ฎ์ ๊ฒ์ ์ ํธํ๋ ํธ์ ๋๋ค. ์ง์ค๋ ฅ์ด ๋์ ํ๊ฒฝ์ธ ๋งํผ, ์๋์ด ์ค๊ฑฐ๋ ์ปดํจํฐ ์์์ด ๋ฐ๋๋ ๊ฒ(๊ฐ์๊ธฐ ์ผ๊ฐ๋ชจ๋๊ฐ ์ผ์ ธ์..)์ ๋ฏผ๊ฐํ๊ฒ ๋ฐ์ํ๋ ๋ฏ ํฉ๋๋ค. ๊ฐ์ฅ ์ ํฉํ ์ ๋ฌด ํ๊ฒฝ์ ์ฐพ์์ผ๋, ์ด์ ์ด๋์๋ ์ด๋ ๊ฒ ์ง์คํ ์ ์๋๋ก ํ๊ฒฝ์ ์กฐ์ ํ๊ฑฐ๋ ์กฐ๋๋ฅผ ๋ง์ถ๋ ๋ฒ์ ์ตํ๋ฉด ๋๊ฒ ์ต๋๋ค.
- ๊ฐ๋ช ๊น๊ฒ ๋ณธ ๊ฐ๋ฐ์ ๋ธ์ด๋ก๊ทธ์์ โ์๊ฐ์ ๋ฆฌ๋ฌโ์ด๋ผ๋ ๋ง์ ํ์ จ์๋๋ฐ, ๊ทธ๊ฑธ ๋จ์ ์ผ๋ก ์ฒดํํ ๋๋์ ๋๋ค. ํ ๋ฒ ๋ฆฌ๋ฌ์ ํ๋ฉด ์ญ ์ง์๋๊ณ , ๋ฆฌ๋ฌ์ด ํํธ๋ฌ์ง๋ฉด ๋ค์ ์๋์ ์ง์ค๋ ฅ์ ์ฐพ๋ ๋ฐ์ ์๊ฐ์ด ๊ฑธ๋ฆฌ๋๋ผ๊ตฌ์. ์ํํจํด ์ญ์ ๋ฆฌ๋ฌ๊ฐ์๊ฒ ๋ง์ถฐ๋๊ฐ์ผ๊ฒ ์ต๋๋ค.
๐ป ๊ฐ๋ฐ : Joomal
โถ๏ธ ๊ฐ๋ฐํ๊ฒฝ : javascript, phaser 3.5.x , apache tomcat 8.5.x
โถ๏ธ IDE : Eclipse, Bracket
โถ๏ธ ์์์
์๊ฐ : 14์๊ฐ