블로그 이미지
Kanais
Researcher & Developer 퍼즐을 완성하려면 퍼즐 조각들을 하나 둘씩 맞춰나가야 한다. 인생의 퍼즐 조각들을 하나 둘씩 맞춰나가다 보면 인생이란 퍼즐도 완성되는 날이 오려나...?

calendar

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

Notice

04-28 18:46

Recent Post

Recent Comment

Recent Trackback

Archive

2015. 7. 9. 17:02 OpenGL/Cesium

 운영체제     : Window 8.1 64bit

 개발 툴      : Notepad++

 Cesium 버전 : Cesium 1.11

 작성날짜     : 2015-07-09


Cesium 은 Analytical Graphics, Inc (agi) 에서 개발한 것이며, OpenGL 라이브러리를 사용하였다.

지금도 여전히 한달에 한번씩 업데이트가 진행 중이다.


Cesium을 사용하려면, 먼저 .js 파일을 다운로드해야한다. 

아래 링크로 가서 다운로드 받자.


https://cesiumjs.org/index.html



샘플 코드들은 Documentation 에 Tutorials을 참고하면 되겠다.

그리고 소스코드를 편집해서 테스트해보고 싶다면, Demos에서  Sandcastle 을 클릭하여 살펴보면 된다.


Sandcastle에서 아래 그림의 빨간 네모 부분에서 Save As 하여 저장하면 html 파일을 다운로드 받을 수 있다.




아래는 HelloWorld 소스코드이다.



<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<meta name="viewport" content="width=990, user-scalable=yes" />

<title></title>


<!-- cesium -->

<script src="./build/Cesium/Cesium.js"></script>

<script type="text/javascript" src="./ThirdParty/requirejs-2.1.9/require.js"></script>

<!-- css -->

<link rel="stylesheet" type="text/css" href="./cesium/bucket.css" />

</head>

<body>

<div id="cesiumContainer" class="fullSize"></div>

<div id="loadingOverlay"><h1>Loading...</h1></div>

<div id="toolbar"></div>

</body>

<script>

     var viewer = new Cesium.Viewer('cesiumContainer');

</script>

</html>


실행 결과


실행 확인!




혹시 웹서버 설치 후 제대로 실행되지 않는다면,

아래 글 참고.


http://kanais2.tistory.com/162



'OpenGL > Cesium' 카테고리의 다른 글

[Cesium] glTF 3D 모델 Cesium Map 에 올리기  (0) 2015.07.10
posted by Kanais