Three.js: AxisHelper๊ฐ€ ์ƒ‰์ƒ์„ ํ‘œ์‹œํ•˜์ง€ ์•Š์Œ

์— ๋งŒ๋“  2016๋…„ 12์›” 15์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: mrdoob/three.js

three.js ํ”„๋กœ์ ํŠธ์— AxisHelper ๋ฅผ ์ถ”๊ฐ€ํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

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

์ถ”๊ฐ€๋˜์ง€๋งŒ ์ƒ‰์ƒ์ด ์ง€์ •๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋‹จ์ƒ‰ ํฐ์ƒ‰์ด๋ฏ€๋กœ ๋ณด๊ธฐ๊ฐ€ ์–ด๋ ต์Šต๋‹ˆ๋‹ค. ์–ด๋–ป๊ฒŒ ํ•˜๋ฉด ์ผ๋ฐ˜ ์ƒ‰์ƒ์œผ๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‚˜์š”?

JSFiddle

๋ชจ๋“  3 ๋Œ“๊ธ€

OP๋Š” CanvasRenderer ์žˆ์Šต๋‹ˆ๋‹ค.

ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•๊ณผ ์„ค๋ช…์€ ์ด SO ๋‹ต๋ณ€์— ์žˆ์Šต๋‹ˆ๋‹ค.

CanvasRenderer ๋Š” ๋” ์ด์ƒ ๊ฐœ๋ฐœ๋˜์ง€ ์•Š๋Š”๋‹ค๊ณ  ๊ฐ€์ •ํ•ฉ๋‹ˆ๋‹ค.

์ตœ์‹  ๊ฐœ๋ฐœ ๋ถ„๊ธฐ๋กœ ๋ฌธ์ œ๋ฅผ ์žฌํ˜„ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

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

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰