๋์ ๊น์ด ์ค์ ์ด์์ ๋ 3D ๊ธฐ๋ฅ์ด ์๋ก ๊ฒน์นฉ๋๋ค.
๋ชจ๋ ์๋ฆฌ์ฆ์ ๋์ผํ ๊ทธ๋ฃน์ ์ฌ์ฉํ๋ ๋ฌธ์ ์ฒ๋ผ ๋ณด์ ๋๋ค. 2D์์๋ ๋ฌธ์ ๊ฐ ์์ง๋ง 3D์์๋ ๋ ๋๋ง ๋ฌธ์ ๊ฐ ๋ฐ์ํฉ๋๋ค. ์ฐ๊ฒฐ ํฐ์ผ : # 4369
์๋
ํ์ธ์,์ด ๋ฌธ์ ์ ๋ํ ํด๊ฒฐ์ฑ
์ด ์์ง ์์ต๋๊น?
ํด๊ฒฐ ๋ฐฉ๋ฒ์ผ๋ก SVGRenderer.prototype.cuboidPath๋ฅผ ์์ ํ ์ ์์ด์ผํ๋ฉฐ์ด ๋ฉ์๋ ๋ด์์ ์ด์ ๋ํ zIndex๋ฅผ ๊ณ์ฐํ๋ ์์ด๋์ด๋ฅผ ๋ณ๊ฒฝํ ์ ์์ต๋๋ค. http://jsfiddle.net/4y3qgdmn/32/
์ด ๊ฒฝ์ฐ ์๋ฆฌ์ฆ๊ฐ ๋ ๋๋ง๋๋ ์์น๋ฅผ ๋ณ๊ฒฝํด์ผํฉ๋๋ค. ์๋ฆฌ์ฆ ๋น ๊ฐ๋ณ ๊ทธ๋ฃน ๋์ ๋ชจ๋ ์๋ฆฌ์ฆ ํฌ์ธํธ์ ๋ํด ํ๋์ ๊ทธ๋ฃน ๋ง ์ฌ์ฉํฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
ํด๊ฒฐ ๋ฐฉ๋ฒ์ผ๋ก SVGRenderer.prototype.cuboidPath๋ฅผ ์์ ํ ์ ์์ด์ผํ๋ฉฐ์ด ๋ฉ์๋ ๋ด์์ ์ด์ ๋ํ zIndex๋ฅผ ๊ณ์ฐํ๋ ์์ด๋์ด๋ฅผ ๋ณ๊ฒฝํ ์ ์์ต๋๋ค. http://jsfiddle.net/4y3qgdmn/32/
์ด ๊ฒฝ์ฐ ์๋ฆฌ์ฆ๊ฐ ๋ ๋๋ง๋๋ ์์น๋ฅผ ๋ณ๊ฒฝํด์ผํฉ๋๋ค. ์๋ฆฌ์ฆ ๋น ๊ฐ๋ณ ๊ทธ๋ฃน ๋์ ๋ชจ๋ ์๋ฆฌ์ฆ ํฌ์ธํธ์ ๋ํด ํ๋์ ๊ทธ๋ฃน ๋ง ์ฌ์ฉํฉ๋๋ค.