-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
51 lines (46 loc) · 1.84 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title> 1000000 Objects</title>
<script src="https://wzrd.in/standalone/[email protected]"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="js/wgl2di.js"></script>
</head>
<body>
<div id ='my_div' style='border-style:solid;border-color:black;position:absolute'></div>
<script>
var items=250000;
var x_range=150000;
var y_range=90000;
function getRandom(){
var color = [Math.random()*255,Math.random()*255,Math.random()*255];
var x=Math.round(Math.random()*x_range);
var y=Math.round(Math.random()*y_range);
return {pos:[x,y],color:color};
}
var app= new WGL2Di("my_div",1200,700);
for (var i=0;i<items;i++){
var params = getRandom();
app.addPointRectangle(params.pos,50,200,params.color);
params= getRandom();
app.addArc(params.pos,100,params.color,-2,2);
params=getRandom();
app.addLine(params.pos,[params.pos[0]+100,params.pos[1]-100],params.color);
params=getRandom();
app.addCircle(params.pos,100,params.color);
}
app.addHandler("object_clicked",function(key){
console.log("you clicked "+key);
});
app.addHandler("object_over",function(key){
console.log("you entered "+ key);
});
app.addHandler("object_out",function(key){
console.log("you left " + key);
});
//app.offset=[-75000,-45000];
app.x_scale=app.y_scale=0.005;
app.initialise();
</script>
</body>
</html>