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

ThreeJS로 3디 지구 만들기

· 2년 전 · 586

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

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

댓글 작성

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

로그인하기

게시글 목록

번호 제목
17591
17590
17589
17588
17587
17584
17583
17582
17581
17579
17577
17575
17574
17573
17572
17569
17564
17560
17559
17555
17554
17553
17552
17549
17548
17547
17542
17533
17531
17524