Pixi.js: WebGL рдкреНрд░рд╕рдВрдЧ рдЧрд▓рдд рддрд░реАрдХреЗ рд╕реЗ рдкреБрдирд░реНрд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ (pixi v5)

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

рдкрд┐рдХреНрд╕реА v4 рдХреЗ рд▓рд┐рдП рд╕рдм рдХреБрдЫ рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди v5 (рд╡реЗрдмрдЬреАрдПрд▓ 2) рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдореЗрдВ рдЧрд▓рдд рддрд░реАрдХреЗ рд╕реЗ рдкреБрдирд░реНрд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛

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

рдкрд┐рдХреНрд╕реА рдХреЗ рджреЛрдиреЛрдВ рд╕рдВрд╕реНрдХрд░рдгреЛрдВ рдХреЗ рд▓рд┐рдП, рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдХреЛ рд╕рд╣реА рдврдВрдЧ рд╕реЗ рдкреБрдирд░реНрд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред

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

рдпрджрд┐ рдЖрдк webgl2 рдХреЗ рд╕рд╛рде v5 рдкрд┐рдХреНрд╕реА рд╕рдВрд╕реНрдХрд░рдг рдЪреБрдирддреЗ рд╣реИрдВ, рддреЛ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдкреБрдирд░реНрд╕реНрдерд╛рдкрд┐рдд рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИред
рдпрджрд┐ рдЖрдк рд╡реЗрдмрдЧреНрд▓ рдХреЗ рд╕рд╛рде v4 рдкрд┐рдХреНрд╕реА рд╕рдВрд╕реНрдХрд░рдг рдЪреБрдирддреЗ рд╣реИрдВ, рддреЛ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдареАрдХ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред

рдкреНрд░рдЬрдирди рдХреЗ рдЪрд░рдг

  1. рдкреАрд╕реА рдХреНрд░реЛрдо рдкрд░ https://pixijs.io/examples/#/demos -basic/container.js рдЦреЛрд▓реЗрдВ
  2. v5 рдкрд┐рдХреНрд╕реА рд╕рдВрд╕реНрдХрд░рдг рдЪреБрдиреЗрдВ
  3. рдЖрдИрдлреНрд░реЗрдо рд╕рдВрджрд░реНрдн рдХреЗ рд╕рд╛рде рдХреНрд░реЛрдо рджреЗрд╡ рдЙрдкрдХрд░рдг рдХрдВрд╕реЛрд▓ рдЦреЛрд▓реЗрдВ
  4. рд╡реЗрдмрд▓реЙрдЧ рд╕рдВрджрд░реНрдн рдЦреЛрдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдЧрд▓рд╛ рдЖрджреЗрд╢ рд▓рд┐рдЦреЗрдВ document.querySelector('canvas').getContext('webgl2').getExtension('WEBGL_lose_context').loseContext()
  5. рдХреБрдЫ рд╕реЗрдХрдВрдб рдкреНрд░рддреАрдХреНрд╖рд╛ рдХрд░реЗрдВ
  6. рд╡реЗрдмрд▓реЙрдЧ рд╕рдВрджрд░реНрдн document.querySelector('canvas').getContext('webgl2').getExtension('WEBGL_lose_context').restoreContext() рдХреЛ рдкреБрдирд░реНрд╕реНрдерд╛рдкрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдЧрд▓рд╛ рдЖрджреЗрд╢ рд▓рд┐рдЦреЗрдВ

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

  • pixi.js рд╕рдВрд╕реНрдХрд░рдг : _5.0.3_
  • рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдФрд░ рд╕рдВрд╕реНрдХрд░рдг : _рдХреНрд░реЛрдо 74.0.3729.157_
  • рдУрдПрд╕ рдФрд░ рд╕рдВрд╕реНрдХрд░рдг : _MacOS Mojave 10.14.4_

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

@ivanpopelyshev рдХреНрдпрд╛ рдЖрдк рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдРрд╕рд╛ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рдпрджрд┐ рдирд╣реАрдВ, рддреЛ рдореИрдВ рдПрдХ рдкреАрдЖрд░ рдЬреЛрдбрд╝ рд╕рдХрддрд╛ рд╣реВрдВред

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

рдпрд╣ рдПрдХ рдЬреНрдЮрд╛рдд рдореБрджреНрджрд╛ рд╣реИред рдореИрдВрдиреЗ рдЬреНрдпрд╛рдорд┐рддрд┐ рддрдп рдХреА рд╣реИрдВ рд▓реЗрдХрд┐рди рдмрдирд╛рд╡рдЯ рдФрд░ рд╢реЗрдбрд░ рдирд╣реАрдВ :) рдЖрдкрдХреЗ рд▓рд┐рдП рдпрд╣ рдХрд┐рддрдирд╛ рдорд╣рддреНрд╡рдкреВрд░реНрдг рд╣реИ, рдХреНрдпрд╛ рдпрд╣ рдРрд╕рд╛ рдХреБрдЫ рд╣реИ рдЬрд┐рд╕реЗ рдЖрдк рдПрдХ рдорд╣реАрдиреЗ рдмрд╛рдж рдРрдк рдореЗрдВ рдПрдХреАрдХреГрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдпрд╛ рдХреНрдпрд╛ рдЖрдкрдХреЛ рдЗрд╕ рд╕рдкреНрддрд╛рд╣ рдЗрд╕рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ?

рдЕрдЪреНрдЫрд╛ред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╣рдорд╛рд░реЗ рд▓рд┐рдП рдПрдХ рдорд╣реАрдиреЗ рдЗрдВрддрдЬрд╛рд░ рдХрд░рдирд╛ рдареАрдХ рд╣реИред

@ivanpopelyshev рдХреНрдпрд╛ рдЖрдк рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдРрд╕рд╛ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рдпрджрд┐ рдирд╣реАрдВ, рддреЛ рдореИрдВ рдПрдХ рдкреАрдЖрд░ рдЬреЛрдбрд╝ рд╕рдХрддрд╛ рд╣реВрдВред

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

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

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

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

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

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

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