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

ThreeJS로 3디 지구 만들기

· 2년 전 · 588

웹기반 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]

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

댓글 작성

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

로그인하기

게시글 목록

번호 제목
17819
17818
17817
17816
17814
17811
17810
17809
17808
17803
17799
17798
17797
17795
17794
17793
JavaScript JSON Beautify
17790
17789
17786
17774
17760
17755
17750
17729
17722
17714
17708
17686
17676
17666