-
Notifications
You must be signed in to change notification settings - Fork 0
/
sketch.js
90 lines (70 loc) · 1.82 KB
/
sketch.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
var mapimg;
var lat=39.9;
var lon=116.3;
var zoom=1;
var clat=0;
var clon=0;
var time=0.0;
var earthquakes;
function preload(){
mapimg= loadImage('https://api.mapbox.com/styles/v1/mapbox/dark-v9/static/0,0,1,0,0/1024x512?access_token=<///>');
earthquakes= loadStrings('https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.csv');
}
function mercX(lon){
lon= radians(lon);
var a= (256/PI)*pow(2, zoom);
var b= lon+PI;
return a*b;
}
function mercY(lat){
lat= radians(lat);
var a= (256/PI)*pow(2, zoom);
var b= tan(PI/4+ lat/2);
var c= PI- log(b);
return a*c;
}
function setup(){
createCanvas(1024, 512);
translate(width/2,height/2);
imageMode(CENTER);
image(mapimg,0,0);
noStroke();
// for(var i=0;i<earthquakes.length;i++){
// var data= earthquakes[i].split(/,/);
// //console.log(data);
// var lat= data[1];
// var lon= data[2];
// var x= mercX(lon)- cx;
// var y= mercY(lat)- cy;
// fill(0,235,255,200);
//
// var r= random(10);
// ellipse(x,y,r,r);
// }
}
function draw(){
//background(mapimg);
translate(width/2,height/2);
imageMode(CENTER);
background(mapimg);
//background(mapimg)
for(var i=0;i<earthquakes.length;i++){
var data= earthquakes[i].split(/,/);
//console.log(data);
var lat= data[1];
var lon= data[2];
var rad= data[4];
var cx= mercX(clon);
var cy= mercY(clat);
var x= mercX(lon)- cx;
var y= mercY(lat)- cy;
fill(255,230-map(rad,0,3,0,100),0,80);
// var r= noise(time+abs(rad))*20;
var r= noise(time+abs(rad))*30;
ellipse(x,y,r,r);
//stroke(0,200,250);
fill(255,255,0);
ellipse(x,y,2,2);
}
time= time+0.1;
}