Three.js: рдПрдХреНрд╕рд┐рд╕ рд╣реЗрд▓реНрдкрд░ рд░рдВрдЧреАрди рдирд╣реАрдВ рджрд┐рдЦрд╛ рд░рд╣рд╛ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 15 рджрд┐рд╕ре░ 2016  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: mrdoob/three.js

рдореИрдВ рдЕрдкрдиреЗ three.js рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ рдПрдХ AxisHelper рдЬреЛрдбрд╝рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдореИрдВрдиреЗ рдЗрд╕реЗ рдЗрд╕ рддрд░рд╣ рдЬреЛрдбрд╝рд╛:

axes = new THREE.AxisHelper(100);
scene.add(axes);

рдпрд╣ рдЬреБрдбрд╝ рдЬрд╛рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рд░рдВрдЧреАрди рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ рдпрд╣ рдареЛрд╕ рд╕рдлреЗрдж рд╣реЛрддрд╛ рд╣реИ, рдФрд░ рдЗрд╕рд▓рд┐рдП рджреЗрдЦрдиреЗ рдореЗрдВ рдХрдард┐рди рд╣реЛрддрд╛ рд╣реИред рдореИрдВ рдЗрд╕реЗ рдирд┐рдпрдорд┐рдд рд░рдВрдЧ рдХреИрд╕реЗ рдмрдирд╛ рд╕рдХрддрд╛ рд╣реВрдВ?

JSFiddle

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

рдУрдкреА рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реИ CanvasRenderer ред

рдХрд╛рд░реНрдп-рдЖрд╕рдкрд╛рд╕ рдФрд░ рд╕реНрдкрд╖реНрдЯреАрдХрд░рдг рдЗрд╕ SO рдЙрддреНрддрд░ рдореЗрдВ рд╣реИрдВ ред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ CanvasRenderer рдЕрдм рд╡рд┐рдХрд╛рд╕ рдХреЗ рдЕрдзреАрди рдирд╣реАрдВ рд╣реИред

рдореИрдВ рдирд╡реАрдирддрдо рджреЗрд╡ рд╢рд╛рдЦрд╛ рдХреЗ рд╕рд╛рде рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде рд╣реВрдБ:

https://jsfiddle.net/oL61khm7/5/

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

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

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

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

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

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

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