Webgl-RenderTree/CameraController.js at master · thbaba/Webgl-RenderTree · 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
"use strict";


const CameraController = function(obj, settings) {

    const camera = settings.activeCamera;
    const speed = settings.speed;

    const gm = new GlMath();

    const clearController = function() {
        window.removeEventListener("keypress", goForward);
        window.removeEventListener("keypress", goLeft);
        window.removeEventListener("keypress", goBackward);
        window.removeEventListener("keypress", goRight);
        window.removeEventListener("mousemove", mouseEventListener);
    }

    const goForward = function(e) {
        if(e.code === "KeyW" || e.code === "ArrowUp") {
            let localNegZ = gm.nor(gm.sub(camera.updatedEye, camera.updatedAt));
            //localNegZ[1] = 0;
            try {
                obj.translate(gm.mul(localNegZ, speed));
            }
            catch(err) {
                clearController();
            }
        }
    }
    window.addEventListener("keypress", goForward);

    const goLeft = function(e) {
        if(e.code === "KeyA" || e.code === "ArrowDown") {
            let localX = gm.nor(gm.mul(gm.sub(camera.updatedEye, camera.updatedAt), camera.updatedUp));
            //localX[1] = 0;
            try {
                obj.translate(gm.mul(localX, -speed));
            } catch(err) {
                clearController();
            }
        }
    }
    window.addEventListener("keypress", goLeft);

    const goBackward = function(e) {
        if(e.code === "KeyS" || e.code === "ArrowDown") {
            let localNegZ = gm.nor(gm.sub(camera.updatedEye, camera.updatedAt));
            //localNegZ[1] = 0;
            try {
                obj.translate(gm.mul(localNegZ, -speed));
            } catch(err) {
                clearController();
            }
        }
    }
    window.addEventListener("keypress", goBackward);

    const goRight = function(e) {
        if(e.code === "KeyD" || e.code === "ArrowRight") {
            let localX = gm.nor(gm.mul(gm.sub(camera.updatedEye, camera.updatedAt), camera.updatedUp));
            //localX[1] = 0;
            try {
                obj.translate(gm.mul(localX, speed));
            } catch(err) {
                clearController();
            }
        }
    }
    window.addEventListener("keypress", goRight);

    const mouseEventListener = function(e) {
        const localX = gm.mul(gm.sub(camera.updatedEye, camera.updatedAt), camera.updatedUp);
        try {
            obj.rotate(-e.movementY * speed, localX);
        } catch(err) {
            clearController();
        }

        let globalY = gm.vec3(0, 1, 0);
        if(camera.updatedUp[1] <= 0.0)
            globalY = gm.vec3(0, -1, 0);
        try {
            obj.rotate(-e.movementX * speed, globalY);
        } catch(err) {
            clearController();
        }
    }
    window.addEventListener("mousemove", mouseEventListener);

}