Pixi.js: рдЬрдм DrawRect рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рддреЛ рдЧреНрд░рд╛рдлрд┐рдХреНрд╕ рдСрдмреНрдЬреЗрдХреНрдЯ рдХреЗ рдЪрд╛рд░реЛрдВ рдУрд░ рд░реЗрдЦрд╛ рд╕рднреА рддрд░рдл рдирд╣реАрдВ рд╣реЛрддреА рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 15 рдлрд╝рд░ре░ 2019  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: pixijs/pixi.js

рдЕрдкреЗрдХреНрд╖рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░

рд╡рд╕реНрддреБ рдХреЗ рдЪрд╛рд░реЛрдВ рдУрд░ рд░реЗрдЦрд╛рдПрдБ рдЦреАрдВрдЪрддрд╛ рд╣реИред

рд╡рд░реНрддрдорд╛рди рд╡реНрдпрд╡рд╣рд╛рд░

рдХреЗрд╡рд▓ рддреАрди рддрд░рдл рд╕реЗ рдЦреАрдВрдЪреА рдЧрдИ рд░реЗрдЦрд╛ред
capture

рд╕рдВрднрд╛рд╡рд┐рдд рд╕реНрдерд┐рддрд┐

?

рдкреНрд░рдЬрдирди рдХрд░рдиреЗ рдХрд┐ рдкреНрд░рдХреНрд░рд┐рдпрд╛

var testGraphic = new PIXI.Graphics();
testGraphic.beginFill(red).lineStyle(4, green);
testGraphic.drawRect(150, 150, 600, 200);
tool.stage.addChild(testGraphic);

рд╡рд╛рддрд╛рд╡рд░рдг

  • pixi.js рд╕рдВрд╕реНрдХрд░рдг : v5.0.0-rc
  • рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдФрд░ рд╕рдВрд╕реНрдХрд░рдг : рдХреНрд░реЛрдо 72.0.3626.81 (рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рдмрд┐рд▓реНрдб) (64-рдмрд┐рдЯ)
  • рдУрдПрд╕ рдФрд░ рд╕рдВрд╕реНрдХрд░рдг : рд╡рд┐рдВрдбреЛрдЬ 10
  • рд░рдирд┐рдВрдЧ рдЙрджрд╛рд╣рд░рдг :-

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдкреБрд╖реНрдЯрд┐ рдХреА рдЧрдИ, рдпрд╣ v4 рдФрд░ v5 рдореЗрдВ рднрд┐рдиреНрди рд╣реИред endFill() рдорджрдж рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред

https://www.pixiplayground.com/#/edit/K45xTRXqfExRiZ6VUmx61

рдореБрдЭреЗ рд╕рдВрджреЗрд╣ рдерд╛ рдХрд┐ рдРрд╕рд╛ рдХреБрдЫ рджрд┐рдЦрд╛рдИ рджреЗрдЧрд╛, рд╣рдордиреЗ рдЧреНрд░рд╛рдлрд┐рдХреНрд╕ рдХреНрд▓рд╛рд╕ рдХреЛ рдлрд┐рд░ рд╕реЗ рд▓рд┐рдЦрд╛ рдФрд░ рдореИрдВрдиреЗ рдЗрд╕рдХрд╛ рдкрд░реНрдпрд╛рдкреНрдд рдкрд░реАрдХреНрд╖рдг рдирд╣реАрдВ рдХрд┐рдпрд╛ред

closePath рднреА рдорджрдж рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ: https://www.pixiplayground.com/#/edit/QhH9QAw9gStIxvM2nUgYw

рдЗрд╕ рдереНрд░реЗрдб рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рд▓реЙрдХ рдХрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕реЗ рдмрдВрдж рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рд╣рд╛рд▓ рд╣реА рдореЗрдВ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реБрдИ рд╣реИред рдХреГрдкрдпрд╛ рд╕рдВрдмрдВрдзрд┐рдд рдмрдЧ рдХреЗ рд▓рд┐рдП рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рдЦреЛрд▓реЗрдВред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

YuryKuvetski picture YuryKuvetski  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

gigamesh picture gigamesh  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

zcr1 picture zcr1  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

softshape picture softshape  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

neciszhang picture neciszhang  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ