본문 바로가기 메뉴 바로가기

Just Make IT

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Just Make IT

검색하기 폼
  • 전체 글 보기 (143)
    • Frontend-dev (96)
      • HTML-CSS-JS (65)
      • react (30)
    • Backend-dev (36)
      • python (36)
    • Useful-tools (9)
    • computer (2)
  • 방명록

three fov (1)
[three.js] camera 설정하기

scene을 정의했으니 이제는 camera를 만들어봅시다.설명들에 비해서 코드는 되게 짧습니다. 전체 자바스크립트 코드는 50줄 정도되지만 한번에 쓰기엔 설명할 것들이 너무 많게 느껴져서 이렇게 부분을 나눠서 설명하는 것을 이해해주세요. 많은 예시를 보면 보통 두 개의 카메라를 사용합니다. PerspectiveCamera와 OrthographicCamera입니다. 둘의 차이는 원근법이 나타나는 지 나타나지 않는 지를 생각하시면 됩니다. PerspectiveCamera가 원근법이 나타나기 때문에 예제에서 자주 사용되어 집니다. 공식 문서에는 PerspectiveCamera(fov: Number, aspect: Number, near: Number, far: Number)라고 나타나 있습니다. 각각의 값이 ..

Frontend-dev/HTML-CSS-JS 2018. 12. 21. 23:39
이전 1 다음
이전 다음
TAG
  • css
  • 반응형 웹
  • 파이썬 예제
  • 자바스크립트
  • 반응형 웹 예제
  • flex
  • es6
  • responsive web
  • JavaScript
  • python
  • 장고 튜토리얼
  • 플렉스
  • three.js 튜토리얼
  • 리액트 라우터
  • 리액트
  • html
  • css grid
  • 스크래핑
  • React
  • 깃허브
more
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바