Design-Interaction/script2.js at master · NZNathan/Design-Interaction · GitHub

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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
var TimeVar = 2000;

$(document).ready(function(){
    $('body').css("background-color","#D95B43");

    moveBarsOut();

});

$(document).click(function() {
    $('.innerTop').stop();
    $('.innerBot').stop();
    $('.innerLeft').stop();
    $('.innerRight').stop();
});

function moveBarsOut(){

    var randomTiming = Math.random()*1;

    setTimeout(moveTopBarOut, randomTiming);

    randomTiming = Math.random()*1;
    setTimeout(moveBotBarOut, randomTiming);

    randomTiming = Math.random()*1;
    setTimeout(moveLeftBarOut, randomTiming);

    randomTiming = Math.random()*1;
    setTimeout(moveRightBarOut, randomTiming);
}

function moveTopBarOut(){

    var randomTiming = Math.random()*TimeVar+ 1000;
    var movement = $( document ).height()*0.1;

    $('.innerTop').animate({
        top: -movement
    }, randomTiming);

    setTimeout(moveTopBarIn, randomTiming);
}

function moveTopBarIn(){

    var randomTiming = Math.random()*TimeVar+ 1000;

    $('.innerTop').animate({
        top: '0vh'
    }, randomTiming);

    setTimeout(moveTopBarOut, randomTiming);
}

function moveBotBarOut(){

    var randomTiming = Math.random()*TimeVar+ 1000;
    var movement = $( document ).height()*0.1;

    $('.innerBot').animate({
        top: $( document ).height()*0.6+ (Math.random()*movement)
    }, randomTiming);

    setTimeout(moveBotBarIn, randomTiming);
}

function moveBotBarIn(){
    var randomTiming = Math.random()*TimeVar+ 1000;

    $('.innerBot').animate({
        top: '60vh'
    }, randomTiming);

    setTimeout(moveBotBarOut, randomTiming);
}

function moveLeftBarOut(){

    var randomTiming = Math.random()*TimeVar+ 1000;
    var movement = $( document ).width()*0.1;

    $('.innerLeft').animate({
                right: $( document ).width()*0.6+ (Math.random()*movement)
            }, randomTiming);

    setTimeout(moveLeftBarIn, randomTiming);
}

function moveLeftBarIn(){
    var randomTiming = Math.random()*TimeVar+ 1000;
    $('.innerLeft').animate({
        right: '60vw'
    }, randomTiming);

    setTimeout(moveLeftBarOut, randomTiming);
}

function moveRightBarOut(){

    var randomTiming = Math.random()*TimeVar + 1000;
    var movement = $( document ).width()*0.1;

    $('.innerRight').animate({
        right: -movement
    }, randomTiming);

    setTimeout(moveRightBarIn, randomTiming);
}

function moveRightBarIn(){
    var randomTiming = Math.random()*TimeVar+ 1000;
    $('.innerRight').animate({
        right: '0vw'
    }, randomTiming);

    setTimeout(moveRightBarOut, randomTiming);
}