μλ νμΈμ,
νΌλ²κ³Ό μ΅μ»€κ° λ§€μ° νΌλ μ€λ½μ§λ§, μ΅μ»€λ₯Ό ν¬ν μ΅ λλ μ΄μ νλμ νΈμ§κΈ°μμ νμ μ§μ μΌλ‘ μ€μ ν μμλ λ₯κ·Ό μ§μ μΌλ‘ μμνλ©΄ pixiμμ λ°μνλ λͺ¨λ λμ€νλ μ΄ κ°μ²΄ λ΄μ©μ΄ λ€μ κ·Έλ €μ Έ μ΅μ»€λ₯Ό μμ μΌλ‘ μ€μ ν©λλ€. ν¬μΈνΈ.
var app = new PIXI.Application(800, 600, {backgroundColor : 0x1099bb});
document.body.appendChild(app.view);
var bunny = PIXI.Sprite.fromImage('required/assets/basics/bunny.png');
var container = new PIXI.Sprite();
container.addChild(bunny);
container.x = 0;
container.y = 0;
app.stage.addChild(container);
bunny.anchor.set(0.5);
//bunny_c.pivot.set(15,5);
μ΄ μμ λ₯Ό μ¬μ©νλ©΄ ν λΌκ° νμ μ μν₯μμ£Όλ μ΅μ»€κ°μμ κ²μΌλ‘ μμνμ§λ§ λ€μ κ·Έλ €μ§λ κ²μ μλλλ€!
κ° μμμλ μμΉ / νμ / νΌλ² μΈ λ³νμ΄ μμ΅λλ€.
μ€νλΌμ΄νΈμλ μ΅μ»€κ° μμ΅λλ€. μ¦, "μ΄ ν
μ€μ² μ§μ μ λ‘컬 μ’νκ³μ (0,0)μ μμ΄μΌν©λλ€"λΌλ μλ―Έμ
λλ€.
νμ νΌλ²μ νμ λ‘컬 μ’νκ³μ (0,0)μ λλ€.
λ€λ₯Έ λμμ μνλ κ²½μ° Transform ν΄λμ€λ₯Ό λ³κ²½νκ³ μν₯μλ°λ μμμ λν΄ ν¨μΉ λ Transformμ μΈμ€ν΄μ€λ₯Ό λ§λ€ μ μμ΅λλ€.
https://github.com/pixijs/pixi.js/blob/dev/src/core/display/TransformStatic.js
https://github.com/pixijs/pixi.js/blob/dev/src/core/sprites/Sprite.js#L174
λν ν λΌλ pixiμ λͺ¨λ νλ μμμ redrawn
μ
λλ€. λΌμ΄λΈλ¬λ¦¬μλ λͺ¨λ λ³κ²½ μ¬νμ μΆμ ν μμλ λ©μ»€λμ¦μ΄ μμΌλ©° μλν©λλ€. κ·Έλ μ§ μμΌλ©΄ 3MB μ΄μμ΄ λ μ μμ΅λλ€. :)
κ·νμ κ²½μ°μλ νΌλ²μ ν λΌμ μ€μ¬μΌλ‘ μ€μ νλ κ²μ΄ μ’μ΅λλ€. μμλ‘ μννκ³ ,λ‘λ λ κ²½μ°μλ§ bunny.texture.width
.
@DavidGOrtega κ° κ·νμ μ§λ¬Έμ λν λ΅λ³μ λ°μλ€κ³ μκ°
μ΄ μ€λ λλ λ«ν ν μ΅κ·Ό νλμ΄ μμκΈ° λλ¬Έμ μλμΌλ‘ μ κ²Όμ΅λλ€. κ΄λ ¨ λ²κ·Έμ λν μ λ¬Έμ λ₯Όμ¬μμμ€.