Gallery/script.js at main · Gielk0/Gallery · 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
import * as ben from "./bengine.js"

let heldKeys = {}
window.onkeydown = function(e) {
    heldKeys[e.code] = true
    console.log(e.code)
}
window.onkeyup = function(e) {
    heldKeys[e.code] = false
}

const viewport = document.getElementById("viewport")
const camera = new ben.camera(viewport)

viewport.onclick = function() {
    viewport.requestPointerLock()
}

function clamp(n, t, b) {
    return Math.max(Math.min(n, t),b)
}

viewport.onmousemove = function(event) {
    console.log(event)
    if (document.pointerLockElement == viewport) {
        camera.setRot({
            x: clamp(camera.rot.x + event.movementY/-20, 90, -90),
            y: camera.rot.y + event.movementX/20,
            z: 0
        })
    }
}

camera.setPos({
    x: 0,
    y: 0,
    z: 500
})

const all = new ben.sprite({
    pos: {
        x: 0,
        y: -100,
        z: 0
    },
    texture: "pictures/placeholder2.png"
})
camera.append(all)
all.body.append(document.getElementById("all"))

function render() {
    camera.setFov(window.innerHeight/976*500)

    if (document.pointerLockElement == viewport) {
        let walkSpeed = 3
        if (heldKeys["ShiftLeft"]) {walkSpeed *= 2}

        if (heldKeys["KeyW"]) {
            camera.setPos({
                x: camera.pos.x + Math.sin(camera.rot.y*Math.PI/180)*walkSpeed,
                y: 0,
                z: camera.pos.z - Math.cos(camera.rot.y*Math.PI/180)*walkSpeed
            })
        }
        if (heldKeys["KeyS"]) {
            camera.setPos({
                x: camera.pos.x - Math.sin(camera.rot.y*Math.PI/180)*walkSpeed,
                y: 0,
                z: camera.pos.z + Math.cos(camera.rot.y*Math.PI/180)*walkSpeed
            })
        }
        if (heldKeys["KeyD"]) {
            camera.setPos({
                x: camera.pos.x + Math.cos(camera.rot.y*Math.PI/180)*walkSpeed,
                y: 0,
                z: camera.pos.z + Math.sin(camera.rot.y*Math.PI/180)*walkSpeed
            })
        }
        if (heldKeys["KeyA"]) {
            camera.setPos({
                x: camera.pos.x - Math.cos(camera.rot.y*Math.PI/180)*walkSpeed,
                y: 0,
                z: camera.pos.z - Math.sin(camera.rot.y*Math.PI/180)*walkSpeed
            })
        }
    }

    requestAnimationFrame(render)
}

requestAnimationFrame(render)