코드조각 저장소

이번에 또 다시 삽질을 되풀이 해서 정리해 둡니다. WebGL 환경에서 많이 사용하는 오픈소스 라이브러리에 ThreeJS를 많이 사용하십니다. https://threejs.org/ Three.js – JavaScript 3D Library threejs.org 저도 처음 접 할때만 해도 꽤나 흥미로운 경험이였습니다. :) 그런데 자주 쓰는 파트가 아니여서 그런지 당연히 될것 이고 되었었던 기능에 대한 추가 건인데 다시 하려니 또 다시 헤매게 되었네요 단순히 라인에 두께를 적용하고 스타일, 타입에 Dash를 먹이는 일입니다. 이 내용은 ThreeJS sample과 Doc에 잘 설명되어 있습니다. Line Width & Dashed Example three.js examples threejs.org 이 기능..

이전 글에서 WMS tiles를 만들 었고, 이번에는 뼈대와 같은 Mesh Tiles를 만들어 보겠습니다. 정확히는 Quantized Mesh로 칭합니다만 이 데이터 포멧을 구현한 Cesium Terrain과 CesiumJS에서 사용하는 데이터 구조의 Tiles 입니다. 처음 시도할 때에는 WMS와 같이 평범한 Web 서버를 통해 서비스 되는 줄로 이해했습니다. 하지만 동일한 방법으로는 예제의 페이지가 정상적으로 동작하지 않았습니다. 결론적으로는 Cesium Terrain Server를 이용해야만 정상적으로 동작하였고 차이점은 빈 Tile 데이터의 처리를 서버쪽에서 어떻게 하느냐 정도로 이해하고 넘어 갔습니다. 그래서 생성된 결과물을 확인하려면 3D Tiles의 Cesium Terrain Server와 ..