-
Notifications
You must be signed in to change notification settings - Fork 0
/
sketch-mobile.js
48 lines (41 loc) · 1 KB
/
sketch-mobile.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
var r;
function setup() {
createCanvas(window.innerWidth, window.innerHeight);
r = new Roller(25);
}
function draw() {
r.move();
r.draw();
}
function Roller(rad){
this.x = 0;
this.y = window.innerHeight/2;
this.rad = rad;
var ang = -Math.PI/6
var vel = 0;
this.move = function(){
if(this.x<=0||this.x>=window.innerWidth)
vel=-vel;
if(rotationZ>270&&rotationZ<330)
vel+=Math.pow(1.05, 1.05);
else if(rotationZ<90&&rotationZ>30)
vel-=Math.pow(1.05, 1.05);
else
vel/=1.1;
this.x+=vel;
}
this.draw = function(){
background('black');
fill('white');
noStroke();
ellipse(this.x+15, this.y, 2*this.rad, 2*this.rad);
quad(this.x, this.y+this.rad+1, this.x, this.y-this.rad,
this.x+15, this.y-this.rad, this.x+15, this.y+this.rad);
quad(this.x, this.y+this.rad+1, this.x, this.y+this.rad-1,
0, this.y+this.rad-1, 0, this.y+this.rad+1);
stroke(1);
ellipse(this.x, this.y, 2*this.rad, 2*this.rad);
fill('tan');
ellipse(this.x, this.y, 0.7*this.rad, 0.7*this.rad);
}
};