Three.js: рд░реЗрдЯрд┐рдирд╛ рдбрд┐рд╕реНрдкреНрд▓реЗ рдкрд░ рдмрдирд╛рд╡рдЯ рддреЗрдЬ рдХреИрд╕реЗ рджрд┐рдЦрддреА рд╣реИ?

рдХреЛ рдирд┐рд░реНрдорд┐рдд 24 рдЕрдХреНрддреВре░ 2012  ┬╖  16рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: mrdoob/three.js

рдЗрд╕рд▓рд┐рдП рдореИрдВрдиреЗ рд╕рд┐рд░реНрдл рдЕрдкрдиреЗ рд▓реИрдкрдЯреЙрдк рдХреЛ рд░реЗрдЯрд┐рдирд╛ рдбрд┐рд╕реНрдкреНрд▓реЗ рдореИрдХрдмреБрдХ рдореЗрдВ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдФрд░ рднрд▓реЗ рд╣реА рдореИрдВ рдкреБрдирд░рд╛рд╡реГрддреНрддрд┐ рдХреЗ рд╕рд╛рде рдЙрдЪреНрдЪ рд░рд┐рдЬрд╝реЙрд▓реНрдпреВрд╢рди рдмрдирд╛рд╡рдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ, рд╡реЗ рдмрд╣реБрдд рдзреБрдВрдзрд▓реЗ рджрд┐рдЦрддреЗ рд╣реИрдВред

рдЗрд╕рд▓рд┐рдП рдореИрдВ рд╕реЛрдЪ рд░рд╣рд╛ рд╣реВрдВ рдХрд┐ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдореБрдЭреЗ рдХреНрдпрд╛ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП?

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

рдмрд╕ рдХрд┐рд╕реА рдФрд░ рдХреЗ рд▓рд┐рдП рдпрд╣рд╛рдВ рдПрдХ рдЯрд┐рдкреНрдкрдгреА рдЫреЛрдбрд╝рдирд╛ рдЬреЛ рдЗрд╕реЗ рдвреВрдВрдврддрд╛ рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ рдореИрдВ рд▓рдЧрднрдЧ рдПрдХ рдЬрд╡рд╛рдм рдЦреЛрдЬрдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдореЗрдВ рдкрд╛рдЧрд▓ рд╣реЛ рдЧрдпрд╛ рдерд╛ рдФрд░ Google рдореБрдЭреЗ рдпрд╣рд╛рдВ рд▓рд╛рддрд╛ рд░рд╣рд╛: рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рдереА, рд▓реЗрдХрд┐рди рдореЗрд░рд╛ рдПрдХ рдмрд╣реБрдд рд╣реА рд╕рд░рд▓ рд╕рдорд╛рдзрд╛рди рдерд╛, рдЗрд╕реЗ рдмрд╕ devicePixelRatio рд╕реЗрдЯ рдХрд░рдирд╛ рдерд╛ рд░реЗрдВрдбрд░рд░ (r72) рдореЗрдВ

renderer.setPixelRatio(window.devicePixelRatio ? window.devicePixelRatio : 1);

_ рдзреНрдпрд╛рди рджреЗрдВ рдХрд┐ рдСрдмреНрдЬреЗрдХреНрдЯ рдирд┐рд░реНрдорд╛рдг рдкрд░ devicePixelRatio рдХреА рд╕реНрдерд╛рдкрдирд╛ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреА рд╣реИред рд╢рд╛рдпрдж рдПрдХ рдмрдЧ? _

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

Anisotropy рд╢рд╛рдпрдж рд╡рд╣ рд╣реИ рдЬреЛ рдЖрдк рдХреЗ рдмрд╛рдж рд╣реИрдВред
http://mrdoob.github.com/three.js/examples/webgl_materials_texture_anisotropy.html

рдареАрдХ рд╣реИ рдХрд┐ рдпрд╣ рдореЗрд░реЗ рд╡рд┐рд╖рдп рдХреЛ рджреЛрд╣рд░рд╛рддреЗ рд╣реБрдП рдмрдирд╛рд╡рдЯ рдХреЗ рд╕рд╛рде рддрдп рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, thx :) рд╣рд╛рд▓рд╛рдБрдХрд┐ рдпрд╣ рдЧреИрд░ рджреЛрд╣рд░рд╛рдП рдЬрд╛рдиреЗ рд╡рд╛рд▓реЗ рдмрдирд╛рд╡рдЯ рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ, рдЗрд╕ рдкрд░ рдХреЛрдИ рд╡рд┐рдЪрд╛рд░ рдХреИрд╕реЗ рддрдп рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ?

рдЙрдиреНрд╣реЗрдВ рд╢рд╛рдпрдж рджреЛ рдмрдирд╛рд╡рдЯ рдХреА рд╢рдХреНрддрд┐ рдЪрд╛рд╣рд┐рдП?

рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдореИрдВ рдмрдирд╛рд╡рдЯ рдХреЗ рд╕рдВрдХрд▓реНрдк рдХреЛ рдмрдврд╝рд╛рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рдПрдХ рд╕реБрдзрд╛рд░ рдирд╣реАрдВ рджреЗрдЦ рд░рд╣рд╛ рд╣реВрдБред рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдпрд╣ рдЬрд╛рдирдиреЗ рдХреЗ рдмрд┐рдирд╛ рдХрд┐ рдмрдврд╝реЗ рд╣реБрдП рдШрдирддреНрд╡ рдХреЛ рдХреИрд╕реЗ рд╕рдВрднрд╛рд▓рд╛ рдЬрд╛рддрд╛ рд╣реИ, рдореЗрд░рд╛ рдЕрдиреБрдорд╛рди рд╣реИ рдХрд┐ рдмрдирд╛рд╡рдЯ рдХреЛ рдЬреНрдпрд╛рдорд┐рддрд┐ рдЪреЗрд╣рд░реЗ рдХреЗ рдЙрдкрдпреБрдХреНрдд рдкрд┐рдХреНрд╕реЗрд▓ рдЖрдХрд╛рд░ рдореЗрдВ рдмрджрд▓ рджрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдкреНрд░рджрд░реНрд╢рди рдХреЗ рдШрдирддреНрд╡ рдХреЛ рдлрд┐рдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдореЗрд░реЗ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рджреНрд╡рд╛рд░рд╛ рдлрд┐рд░ рд╕реЗ рд╕реНрдХреЗрд▓ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред

рдЬрдм рдореИрдВ рдЕрдкрдиреА рджреЛрд╣рд░рд╛рдИ рдЧрдИ рдмрдирд╛рд╡рдЯ рдХреЛ рдХрд░реАрдм рд╕реЗ рджреЗрдЦ рд░рд╣рд╛ рд╣реВрдВ, рддреЛ рдореИрдВ рджреЗрдЦ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдРрд╕реЛрдЯреНрд░реЙрдкреА рдХреЛ рдЕрдзрд┐рдХрддрдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЧреБрдгрд╡рддреНрддрд╛ рдореЗрдВ рдХрд╛рдлреА рд╡реГрджреНрдзрд┐ рд╣реБрдИ рд╣реИ, рдмрдирд╛рд╡рдЯ рдЕрднреА рднреА рдЙрддрдиреА рддреЗрдЬ рдирд╣реАрдВ рд╣реИ рдЬрд┐рддрдиреА рд╣реЛрдиреА рдЪрд╛рд╣рд┐рдП

рдЙрджрд╛рд╣рд░рдг рдпрд╛ рдХрдо рд╕реЗ рдХрдо рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ рдХреЛ рджреЗрдЦреЗ рдмрд┐рдирд╛ рдХреНрдпрд╛ рд╣реЛ рд░рд╣рд╛ рд╣реИ, рдпрд╣ рдмрддрд╛рдирд╛ рдореБрд╢реНрдХрд┐рд▓ рд╣реИ, рд▓реЗрдХрд┐рди рдЖрдк рдЗрд╕ рдкрд░ рдПрдХ рдирдЬрд╝рд░ рд░рдЦрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ:

http://www.khronos.org/webgl/wiki/HandlingHighDPI

рдЬрдмрд░рджрд╕реНрдд рд▓рд┐рдВрдХ @alteredq ! рдореЗрд░реЗ рдореБрджреНрджреЛрдВ рддрдп, рд╕рдм рдХреБрдЫ рдЕрдм рддреЗрдЬ рд▓рдЧ рд░рд╣рд╛ рд╣реИ :)

рдмрд╕ рдХрд┐рд╕реА рдФрд░ рдХреЗ рд▓рд┐рдП рдпрд╣рд╛рдВ рдПрдХ рдЯрд┐рдкреНрдкрдгреА рдЫреЛрдбрд╝рдирд╛ рдЬреЛ рдЗрд╕реЗ рдвреВрдВрдврддрд╛ рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ рдореИрдВ рд▓рдЧрднрдЧ рдПрдХ рдЬрд╡рд╛рдм рдЦреЛрдЬрдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдореЗрдВ рдкрд╛рдЧрд▓ рд╣реЛ рдЧрдпрд╛ рдерд╛ рдФрд░ Google рдореБрдЭреЗ рдпрд╣рд╛рдВ рд▓рд╛рддрд╛ рд░рд╣рд╛: рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рдереА, рд▓реЗрдХрд┐рди рдореЗрд░рд╛ рдПрдХ рдмрд╣реБрдд рд╣реА рд╕рд░рд▓ рд╕рдорд╛рдзрд╛рди рдерд╛, рдЗрд╕реЗ рдмрд╕ devicePixelRatio рд╕реЗрдЯ рдХрд░рдирд╛ рдерд╛ рд░реЗрдВрдбрд░рд░ (r72) рдореЗрдВ

renderer.setPixelRatio(window.devicePixelRatio ? window.devicePixelRatio : 1);

_ рдзреНрдпрд╛рди рджреЗрдВ рдХрд┐ рдСрдмреНрдЬреЗрдХреНрдЯ рдирд┐рд░реНрдорд╛рдг рдкрд░ devicePixelRatio рдХреА рд╕реНрдерд╛рдкрдирд╛ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреА рд╣реИред рд╢рд╛рдпрдж рдПрдХ рдмрдЧ? _

_ рдзреНрдпрд╛рди рджреЗрдВ рдХрд┐ рдСрдмреНрдЬреЗрдХреНрдЯ рдирд┐рд░реНрдорд╛рдг рдкрд░ devicePixelRatio рдХреА рд╕реНрдерд╛рдкрдирд╛ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреА рд╣реИред рд╢рд╛рдпрдж рдПрдХ рдмрдЧ? _

рдЬреЛ рдереЛрдбрд╝реА рджреЗрд░ рдкрд╣рд▓реЗ рд╣рдЯрд╛ рджрд┐рдпрд╛ рдЧрдпрд╛ред

@mrdoob , @greggman : FYI рдХрд░реЗрдВ, рдпрд╣ рдмрд┐рд▓реНрдХреБрд▓ рд╕реНрдкрд╖реНрдЯ рдирд╣реАрдВ рд╣реИ рдХрд┐ рдХрд┐рд╕реА рдХреЛ renderer.setPixelRatio _before_ renderer.setSize рдХреЙрд▓ рдХрд░рдирд╛ рд╣реЛрдЧрд╛ред

@ рдореАрдЯреЗрдХ рджрд░рдЕрд╕рд▓, рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ dev рдЕрдирдЬрд╛рдиреЗ рдореЗрдВ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рддрдп рд╣реЛ рдЧрдпрд╛ рд╣реЛрдЧрд╛ ...

рдпрд╣ рдмрд┐рд▓реНрдХреБрд▓ рд╕реНрдкрд╖реНрдЯ рдирд╣реАрдВ рд╣реИ рдХрд┐ рд░реЗрдВрдбрд░рд░ рдХреЛ рдлреЛрди рдХрд░рдирд╛ рд╣реИред рдЗрд╕рд╕реЗ рдкрд╣рд▓реЗ рд░реЗрдВрдбрд░рд░ рдХреЛ рдлреЛрди рдХрд░реЗрдВред

рдпрд╣ рднреА рдорджрдж рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ, рдпрд╛ рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИред рдпрд╣реА рдореБрдЭреЗ рд╕рдлрд╛рд░реА рдХрдВрд╕реЛрд▓ рдореЗрдВ рдорд┐рд▓рддрд╛ рд╣реИ:

screen shot 2016-01-24 at 19 15 50

рдФрд░ рдпрд╣ рдЗрд╕ рддрд░рд╣ рд╕реЗ ipad рдореЗрдВ рджрд┐рдЦрддрд╛ рд╣реИ:

screen shot 2016-01-24 at 19 21 05

рдЬреИрд╕рд╛ рдХрд┐ рдЖрдк рджреЗрдЦ рд░рд╣реЗ рд╣реИрдВ, рдЖрдпрдд рд╕рд╣реА рдЖрдХрд╛рд░ рдХреА рдкреНрд░рддреАрдд рд╣реЛрддреА рд╣реИ, рд▓реЗрдХрд┐рди рд╡рд╛рд╕реНрддрд╡рд┐рдХ рд╡реНрдпреВрдкреЛрд░реНрдЯ 2x рдмрдбрд╝рд╛ рд╣реИред

рдЪреАрдЬреЗрдВ рдХреНрд░реЛрдо рдХреЗ рд╕рд┐рдореНрдпреБрд▓реЗрдЯрд░ рдореЗрдВ dpr = 2 рдХреЗ рд╕рд╛рде рд╕рд╣реА рд▓рдЧрддреА рд╣реИрдВ, рд▓реЗрдХрд┐рди iPad рдкрд░ рд╡реЗ рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВред

@makc рдХреНрдпрд╛ рдЖрдкрдХреЗ рдкрд╛рд╕ рд▓рд┐рдВрдХ рд╣реИ?

[рд╣рдЯрд╛ рджрд┐рдпрд╛]

рдХреБрдЫ рдФрд░ рдЪрд▓ рд░рд╣рд╛ рд╣реИ ...

screen shot 2016-01-24 at 19 12 49

Safari рдХреЗ Developer Tools рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реБрдП, рдореИрдВрдиреЗ style="width: 418px рд╕реЗ style="width: 408px рдФрд░ рдкреАрдЫреЗ рдмрджрд▓ рджрд┐рдпрд╛ рд╣реИ рдФрд░ рдЬреИрд╕рд╛ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП рд╡реИрд╕рд╛ рд╣реА рджрд┐рдЦрддрд╛ рд╣реИред рдореБрдЭреЗ рдпрдХреАрди рд╣реИ рдХрд┐ рдХреБрдЫ рдЕрдиреНрдп рд╕реАрдПрд╕рдПрд╕ рдирд┐рдпрдо рдЧрдбрд╝рдмрдбрд╝ рдХрд░ рд░рд╣реЗ рд╣реИрдВред

рдРрд╕рд╛ рдкреНрд░рддреАрдд рд╣реЛрддрд╛ рд╣реИ рдХрд┐ рдЪреАрдЬрд╝ рдХреЛ рдЖрдЧреЗ рдкреАрдЫреЗ рдЭреБрдХрд╛рдирд╛ рдЗрд╕реЗ рдареАрдХ рдХрд░рддрд╛ рд╣реИ ... рдХрд┐рд╕реА рднреА рддрд░рд╣, рдпрд╣

        setTimeout (function () {
            renderer.domElement.style.width = (parseInt (renderer.domElement.style.width) - 1) + 'px';
            setTimeout (function () {
                renderer.domElement.style.width = (parseInt (renderer.domElement.style.width) + 1) + 'px';
            }, 0);
        }, 0);

рдмрд┐рд▓реНрдХреБрд▓ рдХрд╛рдо рдирд╣реАрдВ рдХрд┐рдпрд╛ред рдбреНрд░рд╛рдЗрдВрдЧ рдмреЛрд░реНрдб рдкрд░ рд╡рд╛рдкрд╕ ...

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