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

Cho's study 웹공부정리

메뉴보기
  • 분류 전체보기 (89)
    • Three.js (3)
      • 튜토리얼 (2)
    • 스마트웹 개발2021 (42)
      • UIUX 콘셉트 기획 (3)
      • 프로그래밍 언어활용 (39)
    • 생활코딩 (16)
      • 자바스크립트 (16)
    • 노마드코더 (20)
      • 자바스크립트 (20)
    • 프로그래머스 (4)
      • 코딩테스트 (4)
    • Vue.js (1)
      • 카카오맵 (0)
    • typescript (2)
흔적남기기
검색하기 폼

최근 글

댓글

태그

  • 자바스크립트 변수
  • 자바스크립트 실습환경
  • three.js
  • 자바스크립트 조건문
  • 자바스크립트 숫자와 문자
  • 자바스크립트 실행방법
  • typescript-eslint
  • 자바스크립트 주석
  • 자바스크립트 반복문

흔적

  • 다녀간 사람들
  • 오늘 온 분
  • 어제 온 분
공지사항
링크
«   2025/08   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함
Three.js에 관한글 (3)
Three.js BufferAttribute 꼭짓점 요소 좌표

BufferAttribute 메서드 에 넣는 배열의 꼭짓점 요소들의 좌표를 정리해보았다. 일단 이렇게 정리하여 참고용으로 쓰려고한다. 그리고 normal ( 법선) 의 좌표도 정리하려 했지만 잘 모르겠다. 아시는분 있으면 댓글좀..

Three.js
Three.js 설치 와 그외것들

Thress.js 설치 https://threejs.org/ Three.js – JavaScript 3D Library threejs.org 해당 사이트에서 download 메뉴를 들어간다. 다운로드를 하면 합축파일이 나올텐데, 압축해제를 한후 build폴더에 있는 자바스크립트 파일중 원하는 것을 사용하면 된다. 나는 three.min.js 를 사용했다. Node.js 에서 Three.js 사용

Three.js/튜토리얼
장면만들기(Creating a scene)

Scene 만들기 three.js로 무언가를 표현하려면 scene, camera 그리고 renderer가 필요합니다. 이를 통해 카메라로 장면을 구현할 수 있습니다. const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera( 100, window.innerWidth / window.innerHeight, 0.1, 1000 ); const renderer = new THREE.WebGLRenderer(); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); PerspectiveCamera..

Three.js/튜토리얼
이전 1 다음
이전 다음

티스토리툴바