ΠΠ΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅, ΠΏΡΠ΅ΠΆΠ΄Π΅ Π²ΡΠ΅Π³ΠΎ, ΡΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° Π·Π°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ.
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
) Π½Π° ΡΠ°ΠΌΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ Ρ
ΠΎΠ»ΡΡΠ°?
ΠΡΠ° Π²Π΅ΡΠΊΠ° Π±ΡΠ»Π° Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π·Π°Π±Π»ΠΎΠΊΠΈΡΠΎΠ²Π°Π½Π°, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΏΠΎΡΠ»Π΅ Π΅Π΅ Π·Π°ΠΊΡΡΡΠΈΡ Π½Π΅ Π±ΡΠ»ΠΎ Π½ΠΈΠΊΠ°ΠΊΠΈΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ Π² ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ Π²ΡΠ΅ΠΌΡ. ΠΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, ΠΎΡΠΊΡΠΎΠΉΡΠ΅ Π½ΠΎΠ²ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Π΄Π»Ρ ΡΠ²ΡΠ·Π°Π½Π½ΡΡ ΠΎΡΠΈΠ±ΠΎΠΊ.
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ