Category: coding (46)

Phaser 4 Pseudo 3D ๋ ˆ์ด์‹ฑ ๊ฒŒ์ž„ โ€” ์ฐจ๋Ÿ‰ ์Šคํ”„๋ผ์ดํŠธ์™€ ์†๋„ ์กฐ์ž‘ ๋„ฃ๊ธฐ

Phaser 4 Pseudo 3D ๋ ˆ์ด์‹ฑ ๊ฒŒ์ž„ โ€” ์ฐจ๋Ÿ‰ ์Šคํ”„๋ผ์ดํŠธ์™€ ์†๋„ ์กฐ์ž‘ ๋„ฃ๊ธฐ

Apex Seoul์— Kenney Car Kit ๊ธฐ๋ฐ˜ ์ž„์‹œ ์ฐจ๋Ÿ‰ ์Šคํ”„๋ผ์ดํŠธ๋ฅผ ์˜ฌ๋ฆฌ๊ณ , ์ขŒ์šฐ ์กฐํ–ฅ, ์•…์…€, ๋ธŒ๋ ˆ์ดํฌ, ๊ธฐ๋ณธ ์ฃผํ–‰ ์†๋„ ๋ณต๊ท€๋ฅผ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ‘€ 13
Phaser 4 Pseudo 3D ๋ ˆ์ด์‹ฑ ๊ฒŒ์ž„ โ€” RoadSegment๋กœ ์ปค๋ธŒ ๋„๋กœ ๋งŒ๋“ค๊ธฐ

Phaser 4 Pseudo 3D ๋ ˆ์ด์‹ฑ ๊ฒŒ์ž„ โ€” RoadSegment๋กœ ์ปค๋ธŒ ๋„๋กœ ๋งŒ๋“ค๊ธฐ

Apex Seoul์˜ ์ž„์‹œ ์ง์„  ๋„๋กœ๋ฅผ RoadSegment ๊ธฐ๋ฐ˜ ๋ Œ๋”๋Ÿฌ๋กœ ๋ถ„๋ฆฌํ•˜๊ณ , curve ๊ฐ’์„ ๋ˆ„์ ํ•ด pseudo 3D ์ปค๋ธŒ ๋„๋กœ๋ฅผ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ‘€ 16
Phaser 4๋กœ Pseudo 3D ๋ ˆ์ด์‹ฑ ๊ฒŒ์ž„ ๋งŒ๋“ค๊ธฐ โ€” Apex Seoul ์นด๋ฉ”๋ผ ๊ตฌํ˜„

Phaser 4๋กœ Pseudo 3D ๋ ˆ์ด์‹ฑ ๊ฒŒ์ž„ ๋งŒ๋“ค๊ธฐ โ€” Apex Seoul ์นด๋ฉ”๋ผ ๊ตฌํ˜„

Phaser 4์™€ TypeScript๋กœ Apex Seoul ํ”„๋กœ์ ํŠธ๋ฅผ ์„ธํŒ…ํ•˜๊ณ , horizon, FOV, camera height๋ฅผ ์ด์šฉํ•ด pseudo 3D ๋„๋กœ ์นด๋ฉ”๋ผ๋ฅผ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ‘€ 21
Phaser 4 Isometric Minesweeper 6ํŽธ โ€” localStorage ๊ธฐ๋ก ์ €์žฅ์œผ๋กœ ๋งˆ๋ฌด๋ฆฌํ•˜๊ธฐ

Phaser 4 Isometric Minesweeper 6ํŽธ โ€” localStorage ๊ธฐ๋ก ์ €์žฅ์œผ๋กœ ๋งˆ๋ฌด๋ฆฌํ•˜๊ธฐ

Isometric Minesweeper์— ๋‚œ์ด๋„๋ณ„ ์ตœ๊ณ  ๊ธฐ๋ก ์ €์žฅ, Best ํ‘œ์‹œ, New best ์ƒํƒœ, ๊ธฐ๋ก ์ดˆ๊ธฐํ™” ๋ฒ„ํŠผ์„ ์ถ”๊ฐ€ํ•˜๊ณ  ์ด๋ฒˆ ์ง€๋ขฐ์ฐพ๊ธฐ ์—ฐ์žฌ๋ฅผ ๋งˆ๋ฌด๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ‘€ 10
Phaser 4 Isometric Minesweeper 5ํŽธ โ€” ๋ชจ๋ฐ”์ผ ๊ฐ€๋กœ ํ™”๋ฉด๊ณผ ๋ฐ˜์‘ํ˜• ์ž…๋ ฅ ๋‹ค๋“ฌ๊ธฐ

Phaser 4 Isometric Minesweeper 5ํŽธ โ€” ๋ชจ๋ฐ”์ผ ๊ฐ€๋กœ ํ™”๋ฉด๊ณผ ๋ฐ˜์‘ํ˜• ์ž…๋ ฅ ๋‹ค๋“ฌ๊ธฐ

๋ธ”๋กœ๊ทธ iframe ์•ˆ์—์„œ Isometric Minesweeper๋ฅผ ๋ชจ๋ฐ”์ผ๋กœ ํ”Œ๋ ˆ์ดํ•  ์ˆ˜ ์žˆ๋„๋ก tap reveal, long press flag, landscape ์•ˆ๋‚ด, height ๊ธฐ๋ฐ˜ board layout์„ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ‘€ 21
Phaser 4 Isometric Minesweeper 4ํŽธ โ€” ๋‚œ์ด๋„, ํƒ€์ด๋จธ, ๋ Œ๋”๋ง polish ๋„ฃ๊ธฐ

Phaser 4 Isometric Minesweeper 4ํŽธ โ€” ๋‚œ์ด๋„, ํƒ€์ด๋จธ, ๋ Œ๋”๋ง polish ๋„ฃ๊ธฐ

์ง€๋ขฐ์ฐพ๊ธฐ์— ๋‚œ์ด๋„ ์„ ํƒ๊ณผ ํƒ€์ด๋จธ๋ฅผ ๋ถ™์ด๊ณ , ํ…์ŠคํŠธ๋กœ ํ‘œ์‹œํ•˜๋˜ ๊นƒ๋ฐœ๊ณผ ์ง€๋ขฐ๋ฅผ Phaser Graphics ๊ธฐ๋ฐ˜ ์•„์ด์ฝ˜์œผ๋กœ ๋ฐ”๊ฟ” ๊ฒŒ์ž„๋‹ค์šด ํ™”๋ฉด์œผ๋กœ ๋‹ค๋“ฌ์—ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ‘€ 24
Phaser 4 Isometric Minesweeper 3ํŽธ โ€” ๋นˆ ์นธ ์—ฐ์‡„ ์˜คํ”ˆ๊ณผ ์ƒˆ ๊ฒŒ์ž„ ํ๋ฆ„ ๋งŒ๋“ค๊ธฐ

Phaser 4 Isometric Minesweeper 3ํŽธ โ€” ๋นˆ ์นธ ์—ฐ์‡„ ์˜คํ”ˆ๊ณผ ์ƒˆ ๊ฒŒ์ž„ ํ๋ฆ„ ๋งŒ๋“ค๊ธฐ

์ง€๋ขฐ์ฐพ๊ธฐ์˜ ์†๋ง›์„ ๋งŒ๋“œ๋Š” ๋นˆ ์นธ ์—ฐ์‡„ ์˜คํ”ˆ์„ BFS๋กœ ๊ตฌํ˜„ํ•˜๊ณ , ์ƒˆ ๊ฒŒ์ž„ ๋ฒ„ํŠผ๊ณผ ๋‚จ์€ ์ง€๋ขฐ ์ˆ˜ UI๋ฅผ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ‘€ 20
Phaser 4 Isometric Minesweeper 2ํŽธ โ€” ์ฒซ ํด๋ฆญ์— ์ง€๋ขฐ ๋ฐฐ์น˜ํ•˜๊ณ  ์ˆซ์ž ๊ณ„์‚ฐํ•˜๊ธฐ

Phaser 4 Isometric Minesweeper 2ํŽธ โ€” ์ฒซ ํด๋ฆญ์— ์ง€๋ขฐ ๋ฐฐ์น˜ํ•˜๊ณ  ์ˆซ์ž ๊ณ„์‚ฐํ•˜๊ธฐ

ECS scaffold ์œ„์— ์ง€๋ขฐ์ฐพ๊ธฐ ๊ทœ์น™์„ ์–น์–ด Mine, Flag, AdjacentMineCount ์ƒํƒœ๋ฅผ ์ถ”๊ฐ€ํ•˜๊ณ , ์ฒซ ํด๋ฆญ ์ดํ›„ ์ง€๋ขฐ๋ฅผ ๋ฐฐ์น˜ํ•˜๋Š” ํ๋ฆ„์„ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ‘€ 12
Phaser 4๋กœ Isometric Minesweeper ๋งŒ๋“ค๊ธฐ โ€” ECS ๊ธฐ๋ณธ ๊ตฌ์กฐ๋ถ€ํ„ฐ ์ปค์„œ hover ๋ฌธ์ œ๊นŒ์ง€

Phaser 4๋กœ Isometric Minesweeper ๋งŒ๋“ค๊ธฐ โ€” ECS ๊ธฐ๋ณธ ๊ตฌ์กฐ๋ถ€ํ„ฐ ์ปค์„œ hover ๋ฌธ์ œ๊นŒ์ง€

Phaser 4 ๊ธฐ๋ฐ˜ ์›น๊ฒŒ์ž„์„ ๋ธ”๋กœ๊ทธ์—์„œ iframe์œผ๋กœ ์„œ๋น„์Šคํ•˜๊ธฐ ์œ„ํ•œ ์ฒซ ์‹คํ—˜์œผ๋กœ, Isometric Minesweeper์˜ ECS scaffold์™€ isometric ํƒ€์ผ hover ๋ฌธ์ œ๋ฅผ ์ •๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ‘€ 39
GPX ํŒŒ์ผ์—์„œ ๊ธ‰๊ฒฝ์‚ฌ์™€ ๊ธ‰์ปค๋ธŒ๋ฅผ ์ฐพ์•„์ฃผ๋Š” ์œ„ํ—˜๊ตฌ๊ฐ„ ๋ถ„์„๊ธฐ๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค

GPX ํŒŒ์ผ์—์„œ ๊ธ‰๊ฒฝ์‚ฌ์™€ ๊ธ‰์ปค๋ธŒ๋ฅผ ์ฐพ์•„์ฃผ๋Š” ์œ„ํ—˜๊ตฌ๊ฐ„ ๋ถ„์„๊ธฐ๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค

๋ผ์ด๋”ฉ ์ „์— GPX ํŒŒ์ผ์„ ๋ธŒ๋ผ์šฐ์ €์—์„œ๋งŒ ๋ถ„์„ํ•ด ๊ธ‰๊ฒฝ์‚ฌ, ๊ธ‰๋‹ค์šดํž, ๊ธ‰์ปค๋ธŒ, ๊ธด ์—…ํž๊ณผ ๋‹ค์šดํž ๊ตฌ๊ฐ„์„ ๋ฏธ๋ฆฌ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” GPX ์œ„ํ—˜๊ตฌ๊ฐ„ ๋ถ„์„๊ธฐ๋ฅผ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค.

GPX ํŒŒ์ผ๋กœ ๋ผ์ด๋”ฉ ์ฝ”์Šค ๋‚œ์ด๋„์™€ ์ง€๋„ ๊ฒฝ๋กœ๋ฅผ ํ™•์ธํ•˜๋Š” ๋„๊ตฌ๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค

GPX ํŒŒ์ผ๋กœ ๋ผ์ด๋”ฉ ์ฝ”์Šค ๋‚œ์ด๋„์™€ ์ง€๋„ ๊ฒฝ๋กœ๋ฅผ ํ™•์ธํ•˜๋Š” ๋„๊ตฌ๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค

๋กœ์ปฌ GPX ํŒŒ์ผ์„ ๋ธŒ๋ผ์šฐ์ €์—์„œ๋งŒ ์ฝ์–ด ๊ฑฐ๋ฆฌ, ํš๋“๊ณ ๋„, ์˜ˆ์ƒ ์†Œ์š”์‹œ๊ฐ„, ๋‚œ์ด๋„ ์ ์ˆ˜์™€ ์นด์นด์˜ค ์ง€๋„ ๊ฒฝ๋กœ๋ฅผ ํ™•์ธํ•˜๋Š” GPX ๋‚œ์ด๋„ ๊ณ„์‚ฐ๊ธฐ๋ฅผ ๋งŒ๋“  ๊ณผ์ •์„ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค.

Phaser 3 -> 4 ์‹ค์ „ ์ฝ”๋“œ ๋ณ€ํ™˜ํŽธ (์ด๋™/์ ํ”„/๊ณต๊ฒฉ ๋กœ์ง)

Phaser 3 -> 4 ์‹ค์ „ ์ฝ”๋“œ ๋ณ€ํ™˜ํŽธ (์ด๋™/์ ํ”„/๊ณต๊ฒฉ ๋กœ์ง)

Phaser 3์˜ Scene ์ค‘์‹ฌ Player ์ฝ”๋“œ๋ฅผ Phaser 4 ECS ์Šคํƒ€์ผ๋กœ ์˜ฎ๊ธฐ๋Š” ๊ณผ์ •์„ ์‹ค์ „ ์˜ˆ์‹œ๋กœ ์ •๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋™, ์ ํ”„, ๊ณต๊ฒฉ ๋กœ์ง์„ ๋‹จ๊ณ„๋ณ„๋กœ ๋ณ€ํ™˜ํ•ด๋ด…๋‹ˆ๋‹ค.

๐Ÿ‘€ 16
๊ฐ์ฃผ