테스트 사이트 - 개발 중인 베타 버전입니다

ThreeJS로 3디 지구 만들기

· 2년 전 · 589

웹기반 3디기능을 지원하는 ThreeJS를 이용하여 3디지구를 만들어 보았습니다.

샘플링크주소: World Population Density: 2010

샘플은 2010년도 지역별 인구밀도를 3디지구를 생성하여 표식해주는 기능입니다.

매 지역별 인구밀도값은 CSV파일에 편집되었으며 자바스크립트로 이 CSV파일내용을 읽어 ThreeJS에 넘겨줍니다.

[code]

$(document).ready(function()  {

        jQuery.get('World Population Density_ 2010_files/density.csv', function(data) {

            addDensity(CSVToArray(data));

            addLights();

            addEarth();

            addClouds();

            render();

        });

    });

[/code]

상세한 코드는 샘플링크주소를 참고해주세요.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
16619
16618
16612
16603
16598
16589
16578
16571
16563
16554
16546
16534
16527
16520
16513
16510
16505
16498
16490
16486
16482
16465
16458
16456
16448
16447
16440
16439
16438
16430