contour/content.js at main · amphinomid/contour · 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
let width = document.body.clientWidth
let height = document.body.clientHeight
let x, y, z
let scroll_dist = 0

init()

chrome.storage.onChanged.addListener(function (changes) {
    for (var key in changes) {
        if (key == 'toggle') {
            if (changes[key].newValue == '●') {
                init()
            } else if (changes[key].newValue == '↗️') {
                chrome.storage.local.set({ x: x })
                chrome.storage.local.set({ y: y })
                chrome.storage.local.set({ z: z })
            }
        }
    }
})

// initialize flat plane
function init() {
    x = [], y = [], z = []
    for (let i = 0; i < width + 70; i++) {
        for (let j = 0; j < height; j++) {
            x.push(i)
            y.push(-j)
            z.push(0)
        }
    }
}

// click
document.addEventListener('click', function (e) {
    console.log('click')
    chrome.storage.local.get('toggle', function (result) {
        if (result.toggle == '■' && e.target.id != 'toggle') {
            let mouse_x = e.clientX
            let mouse_y = e.clientY
            // console.log(mouse_x + ', ' + mouse_y)
            let radius = 75
            for (let dx = -radius; dx <= radius; dx++) {
                for (let dy = -radius; dy <= radius; dy++) {
                    let new_x = mouse_x + dx
                    let new_y = mouse_y + dy
                    if (new_x >= 0 && new_x < width + 70 && new_y >= 0 && new_y < height) {
                        let dist = Math.sqrt((new_x - mouse_x) * (new_x - mouse_x) + (new_y - mouse_y) * (new_y - mouse_y))
                        if (dist <= radius) {
                            z[new_x * height + new_y] += radius - dist
                            // console.log(new_x + ', ' + new_y + ', ' + z[new_x * height + new_y])
                        }
                    }
                }
            }
        }
    })
})

// move
document.addEventListener('mousemove', function (e) {
    console.log('mousemove')
    chrome.storage.local.get('toggle', function (result) {
        if (result.toggle == '■') {
            let mouse_x = e.clientX
            let mouse_y = e.clientY
            // console.log(mouse_x + ', ' + mouse_y)
            let radius = 50
            for (let dx = -radius; dx <= radius; dx++) {
                for (let dy = -radius; dy <= radius; dy++) {
                    let new_x = mouse_x + dx
                    let new_y = mouse_y + dy
                    if (new_x >= 0 && new_x < width + 70 && new_y >= 0 && new_y < height) {
                        let dist = Math.sqrt((new_x - mouse_x) * (new_x - mouse_x) + (new_y - mouse_y) * (new_y - mouse_y))
                        if (dist <= radius) {
                            z[new_x * height + new_y] += radius - dist
                            // console.log(new_x + ', ' + new_y + ', ' + z[new_x * height + new_y])
                        }
                    }
                }
            }
        }
    })
})

// scroll
document.addEventListener('scroll', function () {
    console.log('scroll')
    chrome.storage.local.get('toggle', function (result) {
        if (result.toggle == '■') {
            scroll_dist += window.scrollY // later: modify to include change (for scrolling up)
            // console.log(scroll_dist)
            let added = 0
            let interval = (width + 70 - scroll_dist) / 5
            for (let i = 0; i < width + 70; i++) {
                if (i % Math.max(interval, 1) == 0) {
                    added += 0.01
                    // console.log(i + ': ' + added)
                }
                for (let j = 0; j < height; j++) {
                    z[i * height + j] += added
                }
            }
        }
    })
})