대가는 결과를 만든다

• 웹브라우저에서 제공하는 3차원 그래픽 자바스크립트 API • GPU 가속을 사용한 높은 성능의 그래픽 구현 • 플래시, 실버라이트, 유니티 등의 플러그인이 필요 없음. • OpenGL ES 2.0 기반의 Javascript 바인딩 버전 ( WebGL 2.0은 OpenGL ES 3.0 기반 ) => '웹브라우저에서 Javascript로 컨트롤할 수 있는 OpenGL ES 2.0의 최적화 버전' • OpenGL ES를 기반으로 하기때문에 OpenGL에서 무겁고 불필요한 부분은 제거되었고, HTML Canvas element에 랜더링 결과를 그리도록 되어있음. • WebGL 기반 3D javascript engine 라이브러리들 - three.js, babylon.js, cannon.js, scene.js..

최근 3D model 사용에 있어서 obj+mtl의 구성을 glTF로 바꿔서 사용하기 위해 테스트와 이슈를 살피고 있는 도중, glTF로 변환하는 과정에서 texture에 입혀야하는 color가 반영되지 않는 이슈를 발견했다. 이에 mtl의 속성과 변환된 glTF의 속성을 비교하면서 원인을 찾고자 한다. mtl의 color에 대한 속성에 대해만 일단 살펴보겠다. 나머지 속성은 링크를 참고! 1. Material Color and Illumination : MTL 속성 중 color(색), transparency(투명도), reflectivity(반사도)의 값이 정의 되있는 부분이다. : 종류는 세가지가 있다 - Ka, Kd, Ks 1) Ka : ambient 반사도를 정의하기 위한 속성이다. - Ka r..

*3D 오브젝트에 대한 필수 개념 -Normals : 법선은 면 또는 정점이 가리키는 방향을 정의하는 벡터입니다. 법선의 방향은 면 또는 정점의 앞면이나 외부 표면을 나타냅니다. -Vertices(Vertex) : 꼭지점-Polygon : Mesh의 한 단위로 많이 사용될 수록 디테일이 높아짐.-Mesh : Polygon으로 구성된 물체의 기초 표면 구조. Textrue가 어떻게 입혀질지 결정 -Material : Mesh를 덮어줄 포장지 역할 -Texture : Material을 구성하는 이미지 파일 1. 3D파일의 종류 OBJ+MTL, FBX, STL, PLY, DAE, 3DS 등등 *glTF란 3D파일 표준도 있음.*JSON형태가 사용되기도 함.*Google Draco로 인코딩한 형태인 .drc도 ..