Pixi.js: рдкреГрд╖реНрдарднреВрдорд┐ рд░рдВрдЧ рд╕реЗрдЯ рдХрд░реЗрдВ?

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

рдирдорд╕реНрддреЗ,

рдХреНрдпрд╛ v3 рдореЗрдВ stage.setBackgroundColor рд▓рд┐рдП рдХреЛрдИ рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрди рд╣реИ?

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

рдкреНрд░рднрд╛рд╡ рджреЗрдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЛ рдЗрд╕ рддрд░рд╣ рд░реЗрдВрдбрд░рд░ рдХреА render рд╡рд┐рдзрд┐ рдХреЛ рдХреЙрд▓ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ (рдореИрдВрдиреЗ рдЗрд╕реЗ рдФрд░ рдЕрдзрд┐рдХ рд╕реНрдкрд╖реНрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд░рдВрдЧ рдХреЛ рд▓рд╛рд▓ рд░рдВрдЧ рдореЗрдВ рдмрджрд▓ рджрд┐рдпрд╛ рд╣реИ):

var renderer = PIXI.autoDetectRenderer(256, 256, {antialiasing: false, transparent: false, resolution: 1});
    document.body.appendChild(renderer.view);
    renderer.backgroundColor = 0xff0000;

    var scene = new PIXI.Container();

    var render = function() {
        renderer.render(scene);
        requestAnimationFrame(render);
    }

    render();

рдпрд╣рд╛рдБ PIXI 3.0.3 рдХреЗ рд╕рд╛рде рдХрд╛рд░реНрдп рдХреЛрдб рд╣реИ: http://miriti.github.io/pixi-background/

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

рдЕрд░реЗ, @kittykatattack !
рдпреЗ рдХреЛрд╢рд┐рд╢ рдХрд░реЗрдВ:

renderer = new PIXI.WebGLRenderer(800, 600);
renderer.backgroundColor = 0x061639;

рд╢реБрдХреНрд░рд┐рдпрд╛!
рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдореИрдВ рдЕрдкрдирд╛ рджрд┐рдорд╛рдЧ рдЦреЛ рд░рд╣рд╛ рд╣реВрдВ (рдмрд╣реБрдд рд╕рдВрднрд╡ !!) - рд▓реЗрдХрд┐рди рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред
рдЖрдкрдХрд╛ рдХреЛрдб рдореЗрд░реЗ рд╕рд┐рд╕реНрдЯрдо рдкрд░ рдПрдХ рдЦрд╛рд▓реА рдХреИрдирд╡рд╛рд╕ рдмрдирд╛рддрд╛ рд╣реИ (рдореИрдВ v3.0.3 рдкрд░ рд╣реВрдВ)

рд╕рд╛рде рд╣реА, рдореМрдЬреВрджрд╛ рдПрдкреАрдЖрдИ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реЛрдВ рдХреЗ рдореБрддрд╛рдмрд┐рдХ, backgroundColor рд░реЗрдВрдбрд░рд░ рдСрдмреНрдЬреЗрдХреНрдЯ рдХреА рд╕рдВрдкрддреНрддрд┐ рдирд╣реАрдВ рд╣реИ?
рдпрд╣рд╛рдВ рд╡рд╣ рдХреЛрдб рд╣реИ рдЬрд┐рд╕рдХрд╛ рдореИрдВ рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдЬреЛ рд╕рд┐рд░реНрдл рдПрдХ рдорд╛рдирдХ рдмреНрд▓реИрдХ рд╡реАрдЬреАрдПрд▓ рд╕рдВрджрд░реНрдн рдЙрддреНрдкрдиреНрди рдХрд░рддрд╛ рд╣реИред

var renderer = PIXI.autoDetectRenderer(256, 256, {antialiasing: false, transparent: false, resolution: 1});
document.body.appendChild(renderer.view);
renderer.backgroundColor = 0x061639;

рдкреНрд░рднрд╛рд╡ рджреЗрдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЛ рдЗрд╕ рддрд░рд╣ рд░реЗрдВрдбрд░рд░ рдХреА render рд╡рд┐рдзрд┐ рдХреЛ рдХреЙрд▓ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ (рдореИрдВрдиреЗ рдЗрд╕реЗ рдФрд░ рдЕрдзрд┐рдХ рд╕реНрдкрд╖реНрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд░рдВрдЧ рдХреЛ рд▓рд╛рд▓ рд░рдВрдЧ рдореЗрдВ рдмрджрд▓ рджрд┐рдпрд╛ рд╣реИ):

var renderer = PIXI.autoDetectRenderer(256, 256, {antialiasing: false, transparent: false, resolution: 1});
    document.body.appendChild(renderer.view);
    renderer.backgroundColor = 0xff0000;

    var scene = new PIXI.Container();

    var render = function() {
        renderer.render(scene);
        requestAnimationFrame(render);
    }

    render();

рдпрд╣рд╛рдБ PIXI 3.0.3 рдХреЗ рд╕рд╛рде рдХрд╛рд░реНрдп рдХреЛрдб рд╣реИ: http://miriti.github.io/pixi-background/

рдЖрдкрдХреА рдорджрдж рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ!

рдпрд╣ рдХреИрд╕реЗ рджрд╕реНрддрд╛рд╡реЗрдЬ @miriti рдореЗрдВ рдирд╣реАрдВ рджреЗрдЦрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ? рдореБрджреНрджреЛрдВ рдХреА рдУрд░ рдореБрдбрд╝рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдореИрдВрдиреЗ рдЗрд╕реЗ рдпреБрдЧреЛрдВ рддрдХ рдЦреЛрдЬрд╛!

@ рдЕрдЪреНрдЫрд╛ рд╕рд╡рд╛рд▓ рдирд╣реАрдВ рд╣реИ! рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛.. рдореИрдВрдиреЗ рдЗрд╕реЗ рдХреЛрдб рдореЗрдВ рджреЗрдЦрд╛ред рдХрд┐рд╕реА рдХрд╛рд░рдг рд╕реЗ рдЗрд╕реЗ рдХреЛрдИ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдирд╣реАрдВ рдорд┐рд▓рд╛ рд╣реИ: https://github.com/GoodBoyDigital/pixi.js/blob/master/src/core/renderers/SystemRenderer.js#L148

@miriti рдкреАрдЖрд░рдбреА :)

4827cea4bfd4af99bb363c2230da1393ed8221c4 рдореЗрдВ рдлрд┐рдХреНрд╕реНрдб

рдХреНрдпрд╛ рдЖрдк рд▓реЛрдЧреЛрдВ рдиреЗ рдРрд╕реЗ рд╡реНрдпрд╡рд╣рд╛рд░ рдХрд╛ рдЕрдиреБрднрд╡ рдХрд┐рдпрд╛ рд╣реИ рдЬрд╣рд╛рдВ рдЖрдкрдХреА рдирдИ рдкреГрд╖реНрдарднреВрдорд┐ рд░рдВрдЧ рдЖрдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдХрд╛рд▓реА рдкреГрд╖реНрдарднреВрдорд┐ рдХрд╛ рдПрдХ рдлреНрд▓реИрд╢ рд╣реИ? рдореИрдВ рдХреНрд▓реЛрдЬрд░рд╕реНрдХреНрд░рд┐рдкреНрдЯ-рднреВрдорд┐ рдореЗрдВ рд╣реВрдВ, рдЗрд╕рд▓рд┐рдП рдореЗрд░реЗ рдкрд╛рд╕ рдкрд╛рд╕реНрдЯрдмрд┐рди рдЖрд╕рд╛рди рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рдореВрд▓ рд░реВрдк рд╕реЗ рд╡рд╣реА рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдЬреЛ рдЖрдк рдЙрдореНрдореАрдж рдХрд░реЗрдВрдЧреЗ - рдПрдХ рдСрдЯреЛрдбреЗрдЯреЗрдХреНрдЯрд░реЗрдВрдбрд░ рдмрдирд╛рдирд╛ [рд╕рд┐рд╡рд╛рдп рдЗрд╕рдХреЗ рдХрд┐ рдореИрдВ рдПрдХ {рджреГрд╢реНрдп: рдПрдХ-рдкреВрд░реНрд╡-рдореМрдЬреВрджрд╛-рдХреИрдирд╡рд╛рд╕-рддрддреНрд╡ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ } рдЗрд╕реЗ рд╕реАрдзреЗ рд╕рдВрд▓рдЧреНрди рдХрд░рдиреЗ рдХреЗ рдмрдЬрд╛рдп рд╡реИрдХрд▓реНрдкрд┐рдХ рддрд░реНрдХ], рдлрд┐рд░ рдЗрд╕рдХреЗ .backgroundColor рдХреЛ 0xFFFFFF рдкрд░ рд╕реЗрдЯ рдХрд░рдирд╛ред рдФрд░ рдореИрдВ рдЕрдкрдиреЗ .backgroundColor рдХреЗ рдЖрдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдХрд╛рд▓реА рдкреГрд╖реНрдарднреВрдорд┐ рдХреЗ 0.5s рдлреНрд▓реИрд╢ рдХреА рддрд░рд╣ рджреЗрдЦ рд░рд╣рд╛ рд╣реВрдВред

рдХреНрдпрд╛ рдореИрдВ рдХреБрдЫ рдмреЗрд╡рдХреВрдлреА рдХрд░ рд░рд╣рд╛ рд╣реВрдБ / рдХреНрдпрд╛ рдпрд╣ рдПрдХ рд╕реНрдкрд╖реНрдЯ рдлрд┐рдХреНрд╕ рдХреЗ рд╕рд╛рде рдПрдХ рдкреНрд░рд╕рд┐рджреНрдз рдореБрджреНрджрд╛ рд╣реИ? рдзрдиреНрдпрд╡рд╛рдж!

@jrheard рдЖрдкрдХреЗ рджреГрд╢реНрдп/рдордВрдЪ рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рд╕реАрдзреЗ рдкреНрд░рд╕реНрддреБрдд рдХрд░реЗрдВ рдПрдХ рдХрд╛рд▓реЗ рдлреНрд▓реИрд╢ рдХреЗ рд╕рд╛рде рд╕рдорд╕реНрдпрд╛ рдХреЛ рдареАрдХ рдХрд░ рджреЗрдЧрд╛ред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП:

var renderer = PIXI.autoDetectRenderer(width, height);  
renderer.backgroundColor = 0xFF0000;  
var stage = new PIXI.Container();  
renderer.render(stage);  
[...]

рдХреЗ рдмрдЬрд╛рдП

var renderer = PIXI.autoDetectRenderer(width, height);  
renderer.backgroundColor = 0xFF0000;  
var stage = new PIXI.Container();  
[...]  
renderer.render(stage);

рдЖрдк рд╢рд╛рдпрдж рдЗрд╕реЗ рдХрдИ рдмрд╛рд░ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ:

var renderer = PIXI.autoDetectRenderer(width, height);  
renderer.backgroundColor = 0xFF0000;  
var stage = new PIXI.Container(); 
renderer.render(stage);
[...]  
renderer.render(stage);

рджреЗрд░реА рд╕реЗ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреЗ рд▓рд┐рдП рдЦреЗрдж рд╣реИ - рдЗрд╕рдиреЗ рдореЗрд░реА рд╕рдорд╕реНрдпрд╛ рдХреЛ рдареАрдХ рдХрд░ рджрд┐рдпрд╛ред рдзрдиреНрдпрд╡рд╛рдж!

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

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

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

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

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

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

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

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