//각도를 알때 특정 지점의 좌표는 //(cos(라디안),sin(라디안))이다. 이때 라디안은 실제각에 파이/180을 곱한다. //star_height.html은 위 공식을 소스로 적용하였고 //위 공식을 기반으로 3차 행렬에서도 행렬곱을 사용하여 특정 지점의 좌표를 구하는 공식이 있다. //예를들어 아래와 같은 X,Y축 좌표를 담는 3X1 행렬이 있다. //[X] //[Y] //[1] //이때 0(세타)각만큼 회전한 X`,Y` 좌표를 구하고싶다면 아래와 같은 행렬을 곱한다 //[Cos0, -Sin0, 0] //[Sin0, Cos0, 0] //[a , b , 1] //그럼 결과적으로 //[X`] //[Y`] //[1] //0(세타)각만큼 회전한 x`,y`좌표를 포함한 행렬이 나온다. //이를 아래와같이 ..

- 3D Tiles Data Format · b3dm : 지형 및 표면, 건물 내부 및 외부, 표면 등 · i3dm : 3D 모델 인스턴스 · pnts : 엄청나게 많은 수의 점(point) · cmpt : 다른형식의 타일을 하나로 연결(합성) ※ 타일 구조(타일셋)와 컨텐츠(타일) - 드로잉 버퍼 · 색상 버퍼 / 심도 버퍼 / 스텐실 버퍼 - 정점 버퍼 객체(VBO) : 정점의 특정 속성(attribute)에 대한 데이터를 보관함 - 파이프라인(Pipe Line) : (웹 애플리케이션 HTML + 자바스크립트 + 쉐이더 소스코드 + 3차원 모델링데이터) → WebGL(자바스크립트 API) → 버텍스 쉐이더 → 프리미티브 어셈블리 → 레스터화 → 프래그먼트 쉐이더 → 가위테스트 → 멀티샘플 프래그먼트 ..

※ JavaScript * 비동기처리를 다루는 방법 중 하나. - Promise : 내용은 실행 되었지만 결과를 아직 반환하지 않은 객체 : Pending(대기) / Fulfilled(이행) / Rejected(실패) - 비동기 처리결과에 따라 상태를 갖음 - async/await : callback 이나 Promise의 단점을 해소하기위해 만들어짐. : await를 통해서 Promise의 반환 값을 받아 올 수 있다. ☆ 선행조건 : await는 async 함수 안에서만 동작한다. ○ 차이점 - 에러 핸들링 : Promise 를 활용할 시에는 .catch() 문을 통해 에러 핸들링이 가능하지만, async/await 은 에러 핸들링 할 수 있는 기능이 없어 try-catch() 문을 활용해야 한다. -..

- 쉐이더(Shader) : 색조,채도,밝기 대비를 주관하고 이를 조작하여 다양한 조작가능 - Rendering Pipeline : 3D 그래픽을 렌더링할 때 WebGL이 실행하는 단계 - vertex shader(버텍스 쉐이더,정점 쉐이더) : 버텍스 정보에 수학적인 연산을 해 물체에 효과를 주는 쉐이더 : 버텍스에 입힐 수 있는 다양한 정보들(좌표,색상,텍스처,조명 등)을 데이터로 가져와 변환 - fragment shader(프래그먼트 쉐이더) : rasterization shader는 각 픽셀을 렌더링하여 최종 픽셀 출력 색상을 결정 : 색을 입히는 것 - attribute(애트리뷰트) : 버텍스 쉐이더와 WebGL간의 버텍스 데이터 연결/버텍스 셰이더에서 사용하는 입력변수 : 버텍스 좌표/생상,텍..