๐ŸงชPlaycanvas

[PlayCanvas] ์‚ฌ์šฉํ•˜๋ฉฐ ๊ฒฝํ—˜ํ–ˆ๋˜ ๋ฌธ์ œ์ ๊ณผ ์†”๋ฃจ์…˜

taesooya 2023. 4. 28.
PlayCanvas ์‚ฌ์šฉํ•˜๋ฉฐ ๊ฒฝํ—˜ํ–ˆ๋˜ ๋ฌธ์ œ์ ๊ณผ ์†”๋ฃจ์…˜

 

PlayCanvas ์‚ฌ์šฉํ•˜๋ฉฐ ๊ฒฝํ—˜ํ–ˆ๋˜ ๋ฌธ์ œ์ ๊ณผ ์†”๋ฃจ์…˜


 

๋“ค์–ด๊ฐ€๊ธฐ ์ „

PlayCanvas๋Š” ์›น ๊ธฐ๋ฐ˜์˜ 3D ๊ฒŒ์ž„ ๋ฐ ์‹œ๋ฎฌ๋ ˆ์ด์…˜ ๊ฐœ๋ฐœ์— ์‚ฌ์šฉ๋˜๋Š” ๋ฌด๋ฃŒ ๊ฒŒ์ž„ ์—”์ง„์ž…๋‹ˆ๋‹ค. ๊ฐœ์ธ์ ์œผ๋กœ ๊ฒฝํ—˜ํ•ด๋ณด๋ฉฐ ์ •๋ฆฌํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ๋‚ด์šฉ์ด ์ •ํ™•ํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

 

 

๋ฌธ์ œ์ ๊ณผ ์†”๋ฃจ์…˜

1. FBX ๋ชจ๋ธ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ

Material ๊นจ์ง ํ˜„์ƒ

  • ํ•˜๋‚˜์˜ ํŒŒ์ผ ํ˜•ํƒœ๋กœ Texture๊ฐ€ ๋‚ด์žฅ๋˜์–ด ์žˆ์–ด์•ผํ•จ
  • ํ˜น์€ glb ํŒŒ์ผ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค

 

 

2. ์„ฑ๋Šฅ ๋ฌธ์ œ

VRAM ์ดˆ๊ณผ๋กœ IOS์— ๋กœ๋“œ ๋˜์ง€ ์•Š๋Š” ๋ฌธ

  • iOS will only let use 150MB or less most of the time
  • Basis ์••์ถ•์œผ๋กœ ์šฉ๋Ÿ‰์„ ์ค„์ผ ์ˆ˜ ์žˆ๋‹ค
  • Android๋Š” ํ”„๋ ˆ์ž„์ˆ˜๊ฐ€ ๋–จ์–ด์ง€๊ณ  ๋กœ๋”ฉ์€ ๋น ๋ฆ„. IOS๋Š” ํ”„๋ ˆ์ž„์ˆ˜๋Š” ๋ณด์žฅ๋˜๋‚˜ ๋กœ๋”ฉ์ด ๋А๋ฆผ
  • https://developer.playcanvas.com/en/user-manual/assets/textures/texture-compression/
 

Texture Compression | Learn PlayCanvas

Texture Compression Texture data is stored in a device's video memory (or VRAM). It is important to ensure that your application does not exhaust VRAM as this can cause undesirable things like browser tab crashes. The Editor has the ability to apply lossy

developer.playcanvas.com

 

3. ์ถฉ๋Œ ๋ฌธ์ œ

์ถฉ๋Œ ๊ฐ์ง€๊ฐ€ ์ œ๋Œ€๋กœ ๋˜์ง€ ์•Š๋Š” ๋ฌธ์ œ

  • Mesh collision์„ ์‚ฌ์šฉํ•  ๊ฒฝ์šฐ Rigidbody๊ฐ€ Static์ด์–ด์•ผ ํ•œ๋‹ค
  • ์ฆ‰ dynamic์˜ ๊ฒฝ์šฐ Mesh collsion ์‚ฌ์šฉ์ด ๋ถˆ๊ฐ€ํ•˜๋‹ค

CompundMesh

  • ์ž์‹์ด Mesh Collision์ผ ๊ฒฝ์šฐ ์ง€์›ํ•˜์ง€ ์•Š๋Š”๋‹ค

 

 

๊ฒฐ๋ก 

PlayCanvas๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ˆ„๊ตฌ๋‚˜ ์‰ฝ๊ณ  ๋น ๋ฅด๊ฒŒ ๋ฉ‹์ง„ 3D ๊ฒŒ์ž„์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด๋Ÿฌํ•œ ๋ฌธ์ œ์ ์ด ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ์œ„์—์„œ ์–ธ๊ธ‰ํ•œ ์†”๋ฃจ์…˜์„ ์ ์šฉํ•ด ๋ณด์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค.

 

 

FAQ

1. PlayCanvas๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๋ฉด ์–ด๋–ค ๊ธฐ์ˆ ์  ์ง€์‹์ด ํ•„์š”ํ•œ๊ฐ€์š”?

PlayCanvas๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๋ฉด HTML, CSS, JavaScript ๋“ฑ์˜ ์›น ๊ฐœ๋ฐœ ๊ธฐ์ˆ ์„ ์•Œ์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค.

2. PlayCanvas๋Š” ๋ฌด๋ฃŒ์ธ๊ฐ€์š”?

PlayCanvas๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ๋ฌด๋ฃŒ์ด์ง€๋งŒ ์ถ”๊ฐ€ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜๋ ค๋ฉด ์œ ๋ฃŒ ์š”๊ธˆ์ œ๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

3. PlayCanvas๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์–ด๋–ค ์ข…๋ฅ˜์˜ ๊ฒŒ์ž„์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‚˜์š”?

PlayCanvas๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์›น ๊ธฐ๋ฐ˜์˜ 3D ๊ฒŒ์ž„ ๋ฐ ์‹œ๋ฎฌ๋ ˆ์ด์…˜์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

4. PlayCanvas๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ ๋ฐœ์ƒํ•˜๋Š” ๋ฌธ์ œ๋ฅผ ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋‚˜์š”?

์œ„์—์„œ ์†Œ๊ฐœํ•œ ๋ Œ๋”๋ง, ์„ฑ๋Šฅ, ์ฝ”๋“œ, ์ถฉ๋Œ, ์ €์žฅ ๋ฌธ์ œ์— ๋Œ€ํ•œ ์†”๋ฃจ์…˜์„ ์ ์šฉํ•ด ๋ณด์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค.

5. PlayCanvas์™€ ๊ฐ™์€ ๊ฒŒ์ž„ ์—”์ง„์„ ์‚ฌ์šฉํ•˜๋Š” ์ด์ ์€ ๋ฌด์—‡์ธ๊ฐ€์š”?

๊ฒŒ์ž„ ์—”์ง„์„ ์‚ฌ์šฉํ•˜๋ฉด ๊ฒŒ์ž„ ๊ฐœ๋ฐœ ์‹œ๊ฐ„์„ ๋‹จ์ถ•์‹œํ‚ค๊ณ , ๋†’์€ ํ€„๋ฆฌํ‹ฐ์˜ ๊ฒŒ์ž„์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ, ๊ฒŒ์ž„ ์—”์ง„์˜ ์ปค๋ฎค๋‹ˆํ‹ฐ์—์„œ ๋‹ค์–‘ํ•œ ํ…œํ”Œ๋ฆฟ๊ณผ ์ž๋ฃŒ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์–ด ๊ฐœ๋ฐœ์„ ๋ณด๋‹ค ํšจ์œจ์ ์œผ๋กœ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด์ƒ์œผ๋กœ PlayCanvas ์‚ฌ์šฉ์‹œ ๋ฐœ์ƒํ•˜๋Š” ๋ฌธ์ œ์ ๊ณผ ์†”๋ฃจ์…˜์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์•˜์Šต๋‹ˆ๋‹ค. PlayCanvas๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์›น ๊ธฐ๋ฐ˜์˜ ๋ฉ‹์ง„ 3D ๊ฒŒ์ž„์„ ์‰ฝ๊ณ  ๋น ๋ฅด๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ, ์ด๋Ÿฌํ•œ ๋ฌธ์ œ์ ์ด ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ, ์œ„์—์„œ ์†Œ๊ฐœํ•œ ์†”๋ฃจ์…˜์„ ์ ์šฉํ•ด ๋ณด์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค.

 

๋Œ“๊ธ€