[JS] graphic GL, 웹에서 3D 그리기 three.js

먼저 개념설명

 

웹과 컴퓨터에서 3D 그림을 그리려면 아래와 같은것을 알아야한다.

 

OpenGL(Open Graphics Library) -  

3D 그래픽인 3차원 그래픽 응용프로그램을 만들기 위한 API , 1992년 실리콘 그래픽스사에서 만든 2차원 및 3차원 그래픽스 표준 API 규격으로, 프로그래밍 언어 간 플랫폼 간의 교차 응용 프로그래밍을 지원. OpenGL은 현재 CAD, 가상현실, 정보시각화, 비행 시뮬레이션 등의 분야에서 활용되고 있다. 또한 컴퓨터 게임 분야에서도 널리 활용되고 있으며, 마이크로소프트사의 Direct3D와 함께 컴퓨터 그래픽 세계를 양분하고 있다. 점,선,면등 3차원요소와 비트맵 등 2차원 요소 

 

WebGL(openGL ES의 web 버전) -

자바스크립트로 GPU(graphics processing unitrm그래픽연산장치)를 제어, 플러그인을 사용하지 않고 웹 브라우저에서 상호작용 가능한 3D와 2D 그래픽을 표현하기 위한 JavaScript API,

함수가 출력하는 위치를 기반으로 점, 선, 삼각형을 포함한 다양한 종류의 primitive를 래스터화

 

Three.JS -  

WebGL의 개선 동작을 사용하여 웹 브라우저에서 3D차원 모델을 렌더링하고 애니메이션 품질을 향상시키는 크로스 브라우저 자바스크립트 라이브러리이자 API

 

SculptGL - JavaScript 및 webGL을 기반으로하는 작은 조각 응용 프로그램

3D틴(3D Tin) -  웹GL(WebGL)을 이용한 클라우드 기반의 소프트웨어

 

https://github.com/mrdoob/three.js 

mrdoob/three.js

https://cyberx.tistory.com/177

Three.js를 이용한 3D 그래픽 입문기

https://helloblog.net/opengl-structure/

OpenGL의 특징과 구성 - HelloBlog.Net

https://wjdgh283.tistory.com/entry/OpenGL%EB%A1%9C-%EB%B0%B0%EC%9A%B0%EB%8A%94-%EC%BB%B4%ED%93%A8%ED%84%B0-%EA%B7%B8%EB%9E%98%ED%94%BD%EC%8A%A4-Chapter-03-%EA%B7%B8%EB%9E%98%ED%94%BD-%EC%BB%AC%EB%9F%AC%EC%B2%98%EB%A6%AC-1

[OpenGL로 배우는 컴퓨터 그래픽스] Chapter 10. 조명과 음영(Lighting and Shading)

https://blog.pigno.se/post/131780373668/threejs%EC%99%80-webgl