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

ThreeJS로 3디 지구 만들기

· 2년 전 · 587

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

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

댓글 작성

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

로그인하기

게시글 목록

번호 제목
16429
16424
16423
16412
16408
16407
16401
16395
16394
16391
16390
16389
16387
16386
JavaScript js playground
16382
16381
16377
16374
16372
16356
16355
16354
16353
16347
16346
16339
16338
16332
16331
16330