๋ฌธ์๊ฐ ๋งํ๋ฏ์ด
// ticker.deltaTime์ ๋ค์๊ณผ ๊ฐ์ด ์กฐ์ ํฉ๋๋ค.
// ์ฝ 120FPS์ ํด๋น
์์ธ.์๋ = 2;
ticker.speed = .5๋ก ์ค์ ํ๋ฉด ์ ์ฒด ๋ ๋๊ฐ 30fps๋ก ์ฌ์๋์ด์ผ ํฉ๋๊น? ๋ง์ต๋๊น?
ํ์ง๋ง ์๋ํ์ง ์์ต๋๋ค.
PIXI๋ ๋ ๋๋งํ๋๋ก ์ง์ํ ๋๋ง ๋ ๋๋งํฉ๋๋ค. requestAnimationFrame์ ์ฐ๊ฒฐํ๋ฉด ๋ธ๋ผ์ฐ์ ๊ฐ ๋ค์ ๊ทธ๋ฆด ์ ์์ ๋๋ง๋ค ํธ์ถ๋ฉ๋๋ค. ๊ณต์ ํฐ์ปค๋ฅผ ๋ณ๊ฒฝํด๋ ์ ํ ์ํฅ์ ๋ฏธ์น์ง ์์ต๋๋ค.
renderer.render๋ฅผ PIXI ํฐ์ปค์ ์ฐ๊ฒฐํ๋๋ผ๋ ์ฌ์ ํ ์ด๋น 60๋ฒ ํธ์ถ๋ฉ๋๋ค. ์๋ ๊ณ์๋ ์ผ๋ง๋ ์์ฃผ ํธ์ถ๋๋์ง๊ฐ ์๋๋ผ ํฐ์ปค๊ฐ ์ ๋ฐ์ดํธ๋ ๋ ์ ๋ฌ๋๋ deltaTime ๊ฐ์ ์ํฅ์ ์ค๋๋ค.
๋ฐ๋ผ์ ๊ฒ์์ด 60fps์์ ์คํ๋๊ณ ์๋ ๊ฒฝ์ฐ ์ค์ผ์ผ 1์์ deltaTime์ด 1์ธ ๊ฒฝ์ฐ ํฑ ์ ๋ฐ์ดํธ๊ฐ ์ด๋น 60๋ฒ ํธ์ถ๋ฉ๋๋ค. ๊ทธ๋ฌ๋ ์ค์ผ์ผ์ 0.5๋ก ์ค์ ํ๋ฉด ํฑ ์ ๋ฐ์ดํธ๊ฐ ํธ์ถ๋ฉ๋๋ค. ์ด๋น 60๋ฒ ํธ์ถ๋์ง๋ง deltaTime์ 0.5์ ๋๋ค.
@readygosports ์์ ๋ด์ฉ์ด ๊ทํ์ ์ง๋ฌธ์ ๋ค๋ฃจ์ง ์๋ ๊ฒฝ์ฐ ๊ทํ๊ฐ ์๋ฏธํ๋ ๋ฐ์ ๋ํ jsfiddle์ ์ ๊ณตํ ์ ์์ต๋๊น? :)
์ด๊ฒ์ด ๋ต๋ณ ๋ ๊ฒ์ฒ๋ผ ๋ซ์ต๋๋ค! ๊ฑด๋ฐฐ!
์ด ์ค๋ ๋๋ ๋ซํ ํ ์ต๊ทผ ํ๋์ด ์์๊ธฐ ๋๋ฌธ์ ์๋์ผ๋ก ์ ๊ฒผ์ต๋๋ค. ๊ด๋ จ ๋ฒ๊ทธ์ ๋ํ ์ ๋ฌธ์ ๋ฅผ ์ฌ์ญ์์ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
PIXI๋ ๋ ๋๋งํ๋๋ก ์ง์ํ ๋๋ง ๋ ๋๋งํฉ๋๋ค. requestAnimationFrame์ ์ฐ๊ฒฐํ๋ฉด ๋ธ๋ผ์ฐ์ ๊ฐ ๋ค์ ๊ทธ๋ฆด ์ ์์ ๋๋ง๋ค ํธ์ถ๋ฉ๋๋ค. ๊ณต์ ํฐ์ปค๋ฅผ ๋ณ๊ฒฝํด๋ ์ ํ ์ํฅ์ ๋ฏธ์น์ง ์์ต๋๋ค.
renderer.render๋ฅผ PIXI ํฐ์ปค์ ์ฐ๊ฒฐํ๋๋ผ๋ ์ฌ์ ํ ์ด๋น 60๋ฒ ํธ์ถ๋ฉ๋๋ค. ์๋ ๊ณ์๋ ์ผ๋ง๋ ์์ฃผ ํธ์ถ๋๋์ง๊ฐ ์๋๋ผ ํฐ์ปค๊ฐ ์ ๋ฐ์ดํธ๋ ๋ ์ ๋ฌ๋๋ deltaTime ๊ฐ์ ์ํฅ์ ์ค๋๋ค.
๋ฐ๋ผ์ ๊ฒ์์ด 60fps์์ ์คํ๋๊ณ ์๋ ๊ฒฝ์ฐ ์ค์ผ์ผ 1์์ deltaTime์ด 1์ธ ๊ฒฝ์ฐ ํฑ ์ ๋ฐ์ดํธ๊ฐ ์ด๋น 60๋ฒ ํธ์ถ๋ฉ๋๋ค. ๊ทธ๋ฌ๋ ์ค์ผ์ผ์ 0.5๋ก ์ค์ ํ๋ฉด ํฑ ์ ๋ฐ์ดํธ๊ฐ ํธ์ถ๋ฉ๋๋ค. ์ด๋น 60๋ฒ ํธ์ถ๋์ง๋ง deltaTime์ 0.5์ ๋๋ค.
@readygosports ์์ ๋ด์ฉ์ด ๊ทํ์ ์ง๋ฌธ์ ๋ค๋ฃจ์ง ์๋ ๊ฒฝ์ฐ ๊ทํ๊ฐ ์๋ฏธํ๋ ๋ฐ์ ๋ํ jsfiddle์ ์ ๊ณตํ ์ ์์ต๋๊น? :)