| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- Programmers
- react
- axios
- 웹팩
- map함수
- 헬스
- 자바스크립
- 코딩입문
- 코딩연습
- codingtest
- 오름차순
- 코딩테스트
- 배열뒤집기
- 코딩공부
- 코딩문제
- 리엑트
- Javascript
- CSS
- for문
- 운동
- reduce함수
- 머쓱이
- 자바스크립트
- MPA
- React-Three-Fiber
- 프레임워크
- 프로그래머스
- threejs
- 반복문
- 코딩
- Today
- Total
목록Three Js (2)
SG의 개발 공부로그
#1 첫 시작하기 [Threejs]
Three.js 시작하기 번들러, 모듈 없이 HTML 파일과 약간의 javascript 만 사용해서 간단한 방식으로 Three.js 작동하도록 만들어 볼 겁니다. index.html 파일을 만들고 script.js 파일 간단하게 만들고 console.log('Hello Three.js') Three.js가 대부분의 브라우저에서 작동하더라도 Chrome 또는 Firefox 와 같은 개발자 친화적인 브라우저를 사용하는 것이 좋습니다 . 마우스 오른쪽 버튼으로 클릭하고 선택 Inspect하거나 F12Windows 및 CMD + OPTION + IMacOS에서 눌러서 개발자 도구 를 엽니다. 그런 다음 Developer Tools 상단의 Console 탭으로 이동합니다 . (잠재적인 오류 및 경고를 보려면 콘솔..
#0 WebGL이란 무엇인가? [Threejs]
WebGL이란 무엇인가 WebGL은 놀라운 속도로 캔버스에 삼각형을 렌더링하는 JavaScript API입니다. 대부분의 최신 브라우저와 호환되며 방문자의 그래픽 처리 장치(GPU)를 사용하기 때문에 빠릅니다. WebGL은 삼각형 이상을 그릴 수 있고 2D 경험을 만드는 데 사용할 수도 있지만 과정을 위해 삼각형을 사용하는 3D 경험에 중점을 둘 것입니다. GPU는 수천 개의 병렬 계산을 수행할 수 있습니다. 3D 모델을 렌더링하려고 하는데 이 모델이 1000개의 삼각형으로 구성되어 있다고 가정해 보겠습니다. 생각해 보면 그리 많지 않습니다. 각 삼각형에는 3개의 점이 포함됩니다. 모델을 렌더링하려면 GPU가 이 3000개 지점의 위치를 계산해야 합니다. GPU는 병렬 계산을 할 수 있기 때문에 하나..