코딩 슬라임 공방

3D큐브 만들기, 3D 슬라이드 본문

HTML_CSS_JAVA SCRIPT 수업

3D큐브 만들기, 3D 슬라이드

Nixpluvia 2020. 4. 29. 23:19

3D에 대한 이해

 

브라우저에서의 x,y,z축

 

 

3D에서 회전할때는 축을 중심으로 회전하고 이동할때는 축의 방향을 기준으로 이동한다.

3D에서 x축은 왼쪽이 마이너스 오른쪽이 플러스

3D에서 y축은 상단이 마이너스 하단이 플러스

3D에서 z축은 가까울 수록 플러스 멀어질 수록 마이너스

x축으로 회전할 때는 상단으로의 회전이 플러스 하단으로의 회전이 마이너스

y축으로 회전할 때는 오른쪽으로의 회전이 플러스 왼쪽으로의 회전이 마이너스

z축으로 회전할 때는 오른쪽으로의 회전이 플러스 왼쪽으로의 회전이 마이너스

'HTML_CSS_JAVA SCRIPT 수업' 카테고리의 다른 글

Transition 정리  (0) 2020.04.30
CSS-Transform 속성값 정리  (0) 2020.04.30
상단메뉴바,사이드메뉴바,컨텐츠박스  (0) 2020.04.28
옆에서 나오는 사이드 메뉴 만들기(연습)  (1) 2020.04.27
가상요소 선택자  (0) 2020.04.27
'HTML_CSS_JAVA SCRIPT 수업' Related Articles more
Comments