Pixi.js - WebGL рдХреЗ рдкрд╛рд░рджрд░реНрд╢реА рд╕рдорд░реНрдерди рдХреЗ рд╕рд╛рде 2D рдЗрдВрдЬрди

Pixi.js рдЖрдкрдХреЛ 2D рджреГрд╢реНрдпреЛрдВ рдХреЛ рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП WebGL рдХреА рд╢рдХреНрддрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддрд╛ рд╣реИ, рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рдХреЗ рд╡рд┐рд╡рд░рдг рдореЗрдВ рдЬрд╛рдП рдмрд┐рдирд╛, рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдпрд╣ рд╕реНрд╡рддрдВрддреНрд░ рд░реВрдк рд╕реЗ рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдХрд░ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдХреНрдпрд╛ WebGL рдХрд╛ рд╕рдорд░реНрдерди рд╣реИ рдФрд░ рд░реЗрдВрдбрд░рд┐рдВрдЧ рд╡рд┐рдзрд┐рдпреЛрдВ рдХреЗ рдмреАрдЪ рд╕реНрд╡рд┐рдЪ рд╣реИред WebGL рдХреА рдЕрдиреБрдкрд╕реНрдерд┐рддрд┐ рдореЗрдВ, рдХреИрдирд╡рд╛рд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдкреНрд░рддрд┐рдкрд╛рджрди рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, Pixi.js рдПрдХ рджреГрд╢реНрдп рдЧреНрд░рд╛рдл рд▓рд╛рдЧреВ рдХрд░рддрд╛ рд╣реИ, рдмрдирд╛рд╡рдЯ рдФрд░ рд╕реНрдкреНрд░рд╛рдЗрдЯреНрд╕ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ, рдПрдХ рд╣рдлреНрддреЗ рд╕реЗ рдереЛрдбрд╝рд╛ рдЕрдзрд┐рдХ рд╕рдордп рдкрд╣рд▓реЗ рдЕрдиреНрддрд░рдХреНрд░рд┐рдпрд╛рд╢реАрд▓рддрд╛ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рдерд╛ - рдЖрдк рдорд╛рдЙрд╕ рдФрд░ рдЯрдЪрд╕реНрдХреНрд░реАрди рдЗрд╡реЗрдВрдЯ рд╣реИрдВрдбрд▓рд░ рдХреЛ рд╕реНрдкреНрд░рд╛рдЗрдЯреНрд╕ рдореЗрдВ рдЬреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВред

рд▓реЗрдЦрдХ Pixi.js рдХреЛ рдереНрд░реА.рдЬреЗрдПрд╕ рдХреЗ 2 рдбреА рдПрдирд╛рд▓реЙрдЧ рдХреЗ рд░реВрдк рдореЗрдВ рд╕реНрдерд╛рди рджреЗрддреЗ рд╣реИрдВ, рдФрд░ рддрд░реНрдХ рджреЗрддреЗ рд╣реИрдВ рдХрд┐ рд╣рд╛рд▓рд╛рдВрдХрд┐ рдЦреЗрд▓ рдкрд╣рд▓реА рдЪреАрдЬ рд╣реИ рдЬреЛ рдЙрдирдХреЗ рдЗрдВрдЬрди рдХреЛ рджреЗрдЦрддреЗ рд╕рдордп рдзреНрдпрд╛рди рдореЗрдВ рдЖрддрд╛ рд╣реИ, рдпрд╣ рдирд┐рдореНрди рд╕реНрддрд░ рдХрд╛ рдкрд░реНрдпрд╛рдкреНрдд рдЙрдкрдпреЛрдЧ рд╣реЛрддрд╛ рд╣реИ рдЬрд╣рд╛рдВ рднреА рдПрдХ рдЕрдореАрд░ 2D рдПрдиреАрдореЗрд╢рди рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдЬрдЯрд┐рд▓ рдЪрд┐рддреНрд░рдордп рдЗрдВрдЯрд░рдлреЗрд╕ рдореЗрдВред рд╡рд┐рдХрд╛рд╕ рдХреЗ рджреМрд░рд╛рди, рдореБрдЦреНрдп рдкреНрд░рдпрд╛рд╕ рдПрдкреАрдЖрдИ рдХреА рдЧрддрд┐ рдФрд░ рд╕рд╛рджрдЧреА рдХреЗ рдЙрджреНрджреЗрд╢реНрдп рд╕реЗ рдереЗред

рдкрд┐рдХреНрд╕реАредрдЬрд┐рдереНрд╕ рдкрд░ рд░рд┐рдкреЛрдЬрд┐рдЯрд░реА

Pixi.js рдкрд░ рдбреЗрдореЛ рдЧреЗрдо

> рдкреНрд░рджрд░реНрд╢рди рдкрд░реАрдХреНрд╖рдг рдХреЗ рд▓рд┐рдП 9000 рдмрдиреНрдиреА ред

Source: https://habr.com/ru/post/In174603/


All Articles