wind js
1.0.0
라이브 데모를 확인해보세요
이 프로젝트는 클라이언트 측 데이터 처리 및 시각화에 대한 실험입니다. 이 프로젝트의 코드 대부분은 https://github.com/cambecc/earth에서 가져온 것이며 다양한 매핑 API 및 프레임워크에 더 쉽게 적용할 수 있도록 용도가 변경되었습니다.
이 프로젝트의 코드는 HTML5 Canvas 요소와 순수 Javascript만 사용합니다. 데이터는 연속적인 글로벌 그리드 데이터세트로 다양한 데이터세트를 생성하는 글로벌 예측 시스템(Global Forecast System)에서 가져옵니다(자세한 내용은 아래 참조). 데이터는 지도, 데이터 및 캔버스 요소의 경계를 취한 다음 쌍선형 보간을 적용하여 매끄러운 표면을 생성하는 Windy 라는 JS 클래스로 전달됩니다. 표면이 생성되면 함수는 캔버스의 임의의 x/y 지점에 "입자"를 무작위로 배치합니다. 그런 다음 각 입자는 보간된 표면에 의해 지정된 방향과 속도로 이동하면서 "진화"됩니다.
GFS 데이터를 이 코드와 함께 사용하려면 먼저 JSON으로 변환해야 합니다. 이를 위해 우리는 @cambecc의 grib2json 이라는 또 다른 멋진 프로젝트를 사용했습니다. 이 도구는 GRIB2 파일 형식의 데이터를 그리드가 배열로 표시되는 JSON 구조로 변환합니다. 해당 도구의 결과 예는 gfs.json 파일에서 볼 수 있습니다.
버그를 찾거나 새로운 기능을 요청하고 싶으십니까? 문제를 제출하여 알려주세요.
Esri는 모든 사람의 기여를 환영합니다. 기여에 대한 지침을 참조하세요.
이 작업에 대한 모든 공로는 cambecc/earth를 만든 @cambecc에게 있습니다. 이 코드의 대부분은 정말 훌륭하기 때문에 거기에서 직접 가져온 것입니다.
이 프로젝트는 cambecc/earth에서 MIT 라이센스를 상속합니다. 왜냐하면 여기에 있는 코드의 95%가 해당 프로젝트에서 복사되었기 때문입니다.
라이센스 사본은 저장소의 License.txt 파일에서 사용할 수 있습니다.
