Three.js: рдХреИрдорд░рд╛ рд╕реЗрдЯ рдХрд░рддреЗ рд╕рдордп рд╕рдорд╕реНрдпрд╛ред рд╡реЗрдХреНрдЯрд░ 3 рдХреЗ рд▓рд┐рдП рдкреНрд░рд╕реНрддрд╛рд╡

рдХреЛ рдирд┐рд░реНрдорд┐рдд 21 рдордИ 2017  ┬╖  2рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: mrdoob/three.js

рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╡рд┐рд╡рд░рдг

рдореИрдВрдиреЗ рджреЗрдЦрд╛ рдХрд┐ рдЬрдм рдПрдХ THREE.Vector3 рдХреЗ рд▓рд┐рдП PerspectiveCamera рдХреЗ рд▓рд┐рдП рд╕реНрдерд┐рддрд┐ рд╕реЗрдЯ рдХрд░рддреЗ рд╣реИрдВ рддреЛ рдХреБрдЫ рднреА рдкреНрд░рджрд░реНрд╢рд┐рдд рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЬрдм рдореИрдВ рд╕реАрдзреЗ рдорд╛рди рд╕реЗрдЯ рдХрд░рддрд╛ рд╣реВрдВ, рддреЛ рдпрд╣ рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

camera.position.set( 0, 0, 0 );

рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди

var newVector = new THREE.Vector3(0, 0, 0)
camera.position.set(newVector);

рдирд╣реАрдВ рд╣реИред рдореИрдВ рд╕реЛрдЪ рд░рд╣рд╛ рдерд╛ рдХрд┐ рдХреНрдпрд╛ рдпрд╣ рдмрдЧ рд╣реИ?

рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рджреЛ JSFiddle рджреЗрдЦреЗрдВ:
L8-10: https://jsfiddle.net/4zqkn7yw/5/
L9: https://jsfiddle.net/4zqkn7yw/4/

рддреАрди.рдЬреЗрдПрд╕ рд╕рдВрд╕реНрдХрд░рдг
  • [x] рдЖрд░ 82реи
рдмреНрд░рд╛рдЙрдЬрд╝рд░
  • [x] рдЙрди рд╕рднреА рдХреЛ
  • [] рдХреНрд░реЛрдо
  • [] рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕
  • [ ] рдЗрдВрдЯрд░рдиреЗрдЯ рдПрдХреНрд╕реНрдкреНрд▓реЛрд░рд░
рдУрдПрд╕
  • [x] рдЙрди рд╕рднреА рдХреЛ
  • [ ] рдЦрд┐рдбрд╝рдХрд┐рдпрд╛рдБ
  • [ ] рдореИрдХ рдУ рдПрд╕
  • [] рд▓рд┐рдирдХреНрд╕
  • [ ] рдПрдВрдбреНрд░реЙрдпрдб
  • [] рдЖрдИрдУрдПрд╕
рд╣рд╛рд░реНрдбрд╡реЗрдпрд░ рдЖрд╡рд╢реНрдпрдХрддрд╛рдПрдБ (рдЧреНрд░рд╛рдлрд┐рдХреНрд╕ рдХрд╛рд░реНрдб, рд╡реАрдЖрд░ рдбрд┐рд╡рд╛рдЗрд╕, ...)

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

Object3D position , rotation , quaternion рдФрд░ scale рдЧреБрдг рдЕрдкрд░рд┐рд╡рд░реНрддрдиреАрдп рд╣реИрдВред

рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдкреИрдЯрд░реНрди рдЕрдорд╛рдиреНрдп рд╣реИ:

object.position = vector;

рдЗрд╕рдХреЗ рдмрдЬрд╛рдп, рдЖрдкрдХреЛ рдпрд╛ рддреЛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП

object.position.set( x, y, z );

рдпрд╛

object.position.copy( vector );

Object3D.js ред

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

рд╡рд╣ рдмрдЧ рдирд╣реАрдВ рд╣реИред рдЗрд╕реЗ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░реЗ:

var newVector = new THREE.Vector3( 0, 0, 0 )
camera.position.copy( newVector );

рдПрдкреАрдЖрдИ рдХреЛ рд╕рдордЭрдиреЗ рдХреЗ рд▓рд┐рдП рд╡реЗрдХреНрдЯрд░ 3 рдХреЗ рдбреЙрдХреНрд╕ рдкрд░ рдПрдХ рдирдЬрд░ рдбрд╛рд▓реЗрдВред

Object3D position , rotation , quaternion рдФрд░ scale рдЧреБрдг рдЕрдкрд░рд┐рд╡рд░реНрддрдиреАрдп рд╣реИрдВред

рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдкреИрдЯрд░реНрди рдЕрдорд╛рдиреНрдп рд╣реИ:

object.position = vector;

рдЗрд╕рдХреЗ рдмрдЬрд╛рдп, рдЖрдкрдХреЛ рдпрд╛ рддреЛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП

object.position.set( x, y, z );

рдпрд╛

object.position.copy( vector );

Object3D.js ред

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

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

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

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

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

jack-jun picture jack-jun  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

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