Pixi λ‘λλ₯Ό νμ₯νκ±°λ μ¬μ©μ μ μ λ‘λλ₯Ό μμ±νλ λ°©λ²μ΄ μμ΅λκΉ? SVGZ μ§μμ μΆκ°νκ³ μΆμ΅λλ€. κΈ°λ³Έμ μΌλ‘ Pixiκ° μ²λ¦¬νκΈ° μ μ gzipμΌλ‘ λ‘λλ μ½ν μΈ λ₯Ό μ μ ν SVGλ‘ μΆμν΄μΌ ν¨μ μλ―Έν©λλ€.
PixiJS v5λ λ‘λμ registerPlugin
λ₯Ό λμ
νμ΅λλ€.
http://pixijs.download/dev/docs/PIXI.Loader.html#.registerPlugin
μ΄λ₯Ό ν΅ν΄ μ¬μ©μ μ§μ λ―Έλμ΄ μ νμ μ²λ¦¬νλ μ체 λ―Έλ€μ¨μ΄λ₯Ό λ§λ€ μ μμ΅λλ€. λ€μμ μ΄λ₯Ό μννλ λ°©λ²μ λν λλ΅μ μΈ μμ λλ€.
const SVGZLoaderPlugin = {
add() {
// handle loading SVGZ files as an ArrayBuffer
PIXI.LoaderResource.setExtensionXhrType(
'svgz', LoaderResource.XHR_RESPONSE_TYPE.BUFFER);
PIXI.LoaderResource.setExtensionLoadType(
'svgz', LoaderResource.LOAD_TYPE.XHR);
},
use(resource, next) {
// deflate SVGZ
next();
}
};
PIXI.Loader.registerPlugin(SVGZLoaderPlugin);
Loader μλ λ°©μμ λν μμΈν λ΄μ©μ https://github.com/englercj/resource-loader λ₯Ό μ°Έμ‘°νμμμ€.
νμ΄μ λΉλλ€!
κ³ λ§μ, λ§·! μ§κΈκΉμ§ v4μμ v5λ‘ μ κ·Έλ μ΄λνλ©΄ λ‘λμ λ¬Έμ κ° λ°μν©λλ€. "PIXI.loaders.Loader ν΄λμ€κ° PIXI.Loaderλ‘ μ΄λνμ΅λλ€." μ¬μ© μ€λ¨ κ²½κ³ κ° νμλκ³ λͺ¨λ μ΄λ―Έμ§κ° λ‘λλ λκΉμ§ νλ©΄μ κ²μμ μ¬κ°νμ΄ νμλ©λλ€.
μ΄μ Pixi λ‘λλ₯Ό λ€μ μμ±νμ¬ μ λ‘λλ₯Ό μ¬μ©νλ λ°©λ²μ λν μ ν κ°μ΄λ λλ μκ° μμ΅λκΉ?
μ¬κΈ°μ v5 λ§μ΄κ·Έλ μ΄μ κ°μ΄λκ° μμ΅λλ€: https://github.com/pixijs/pixi.js/wiki/v5-Migration-Guide
Loaderμλ νΉλ³ν κ²μ΄ μμ΅λλ€. ν΄λΉ μ¬μ© μ€λ¨ κ²½κ³ λ λ€μμ€νμ΄μ€κ° λ³κ²½λμμ§λ§ μ¬μ ν μλν΄μΌ ν¨μ μλ €μ€λλ€. λ λ―Έλ¬ν μΌμ΄ μΌμ΄λκ³ μλ κ²½μ°, κ²μμ μ§μ¬κ°νμΌλ‘ λ³΄κ³ μλ κ²μ λν μλ₯Ό λ€μ΄ μλ‘μ΄ λ¬Έμ λ₯Ό μ κΈ°ν μ μλ€λ©΄ λ μ°μν κ²½νμ μ 곡ν μ μμ΅λλ€.
νλ¬κ·ΈμΈ μ§λ¬Έμ΄ ν΄κ²°λ κ² κ°μμ μ΄ λ¬Έμ λ₯Ό μ’ λ£νκ² μ΅λλ€.
κ°μ₯ μ μ©ν λκΈ
PixiJS v5λ λ‘λμ
registerPlugin
λ₯Ό λμ νμ΅λλ€.http://pixijs.download/dev/docs/PIXI.Loader.html#.registerPlugin
μ΄λ₯Ό ν΅ν΄ μ¬μ©μ μ§μ λ―Έλμ΄ μ νμ μ²λ¦¬νλ μ체 λ―Έλ€μ¨μ΄λ₯Ό λ§λ€ μ μμ΅λλ€. λ€μμ μ΄λ₯Ό μννλ λ°©λ²μ λν λλ΅μ μΈ μμ λλ€.
Loader μλ λ°©μμ λν μμΈν λ΄μ©μ https://github.com/englercj/resource-loader λ₯Ό μ°Έμ‘°νμμμ€.
νμ΄μ λΉλλ€!