์๋
ํ์ธ์, ๋จผ์ ๋ฉ์ง ๋์๊ด์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
Pixi๋ ํ๋ฅญํฉ๋๋ค. v5๊ฐ ๋์ฌ ๋๊น์ง ๊ธฐ๋ค๋ฆด ์ ์์ต๋๋ค!
์ด์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ์ต๋๋ค.
๋ชจ๋ฐ์ผ ์คํฌ๋กค์ ์ฌ์ฉํ์ฌ ์บ๋ฒ์ค๋ฅผ ์คํฌ๋กคํ ์ ์์ต๋๋ค.
^4.7.1 ๋ฒ์ ์ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
์ฌ๊ธฐ ๋ด ์ฝ๋๊ฐ ์์ต๋๋ค
this.App = new Application(
Math.min(window.innerWidth, window.screen.width),
Math.min(window.innerHeight, window.screen.height),
{
backgroundColor: `0x${backgroundColor}`,
resolution: window.devicePixelRatio
}
);
this.App.renderer.plugins.interaction.autoPreventDefault = false; // notice that after adding this line still can't have scroll work.
this.App.renderer.autoResize = true;
this.App.renderer.plugins.interaction.autoPreventDefault = false;
this.App.renderer.view.style.touchAction = 'auto';
@rockmandash renderer.view.style.touchAction = 'auto';
์ด(๊ฐ) ๋๋ฅผ ์ํด ์์์๋ฅผ ์ผ์ต๋๋ค!
์ด๊ฒ์ ์ด๋๊ฐ์ ๋ฌธ์ํ๋์ด ์์ต๋๊น?! pixi๊ฐ ์บ๋ฒ์ค ์์ ์์ฒด์์ ์ด CSS ๊ท์น( touch-action
)์ ์ค์ ํ๋ ๊ฒ์ฒ๋ผ ๋ณด์
๋๊น?
์ด ์ค๋ ๋๋ ๋ซํ ํ ์ต๊ทผ ํ๋์ด ์์๊ธฐ ๋๋ฌธ์ ์๋์ผ๋ก ์ ๊ฒผ์ต๋๋ค. ๊ด๋ จ ๋ฒ๊ทธ์ ๋ํ ์ ๋ฌธ์ ๋ฅผ ์ฌ์ญ์์ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ