dynamics/editLevel.js at master · prphntm63/dynamics · 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
function editLevel(evt) {
    if (evt) {
        evt.stopPropagation()
    }

    if (LEVEL.variables.handlingAnimation) {return}; //Exit function if handling external animation

    LEVEL.variables.editingLevel = !LEVEL.variables.editingLevel; //Toggle level editing state

    if (LEVEL.variables.editingLevel) {    //Check to see if we are editing level
        SPRITE.dom.classList.toggle('sprite-hidden', LEVEL.variables.editingLevel) ;
        document.body.classList.toggle('body-edit', LEVEL.variables.editingLevel)
        document.getElementById('edit-container').classList.remove('hidden')

    } else if (!LEVEL.variables.editingLevel) {
        XY.y0v0[0] = parseInt(window.innerHeight + 150);

        SPRITE.dom.classList.toggle('sprite-hidden', LEVEL.variables.editingLevel);
        document.body.classList.toggle('body-edit', LEVEL.variables.editingLevel)
        document.getElementById('edit-container').classList.add('hidden')

        LEVEL.constants.animationFrame = window.requestAnimationFrame(LEVEL.animate); //Resume animation
    }
}

function selectBlock(event) {
    event.stopPropagation()
    document.querySelector('.selected').classList.remove('selected')
    document.getElementById('edit-block').classList.add('selected')
    EDIT.selectedObstacle = 'block'
}
function selectPlatform(event) {
    event.stopPropagation()
    document.querySelector('.selected').classList.remove('selected')
    document.getElementById('edit-platform').classList.add('selected')
    EDIT.selectedObstacle = 'platform'
}
function selectPlatform2(event) {
    event.stopPropagation()
    document.querySelector('.selected').classList.remove('selected')
    document.getElementById('edit-platform2').classList.add('selected')
    EDIT.selectedObstacle = 'platform2'
}
function selectBrick(event) {
    event.stopPropagation()
    document.querySelector('.selected').classList.remove('selected')
    document.getElementById('edit-brick').classList.add('selected')
    EDIT.selectedObstacle = 'brick'
}

function getMouseDown(event) {
    event.stopPropagation()

    //Don't allow mouse selection events on body if we are not editing
    if (!LEVEL.variables.editingLevel) return
    EDIT.mouseDown = [event.clientX, event.clientY]
}
function getMouseUp(event) {
    //Don't allow mouse selection events on body if we are not editing
    if (EDIT.mouseDown == undefined) return
    if (!LEVEL.variables.editingLevel) return

    let mapDiv = document.getElementById('level-container').getBoundingClientRect()

    EDIT.mouseUp = [event.clientX, event.clientY]

    let obstacleBottom = window.innerHeight - Math.ceil(Math.max(EDIT.mouseDown[1], EDIT.mouseUp[1])/64)*64
    let obstacleLeft = Math.floor( (parseInt(Math.min(EDIT.mouseDown[0], EDIT.mouseUp[0])- parseInt(mapDiv.left))/64)  ) * 64
    let obstacleWidth = Math.ceil(Math.abs((EDIT.mouseDown[0] - EDIT.mouseUp[0]) + 1)/64 )*64
    let obstacleHeight = Math.ceil(Math.abs((EDIT.mouseDown[1] - EDIT.mouseUp[1]) + 1)/64 )*64

    // Middle click to delete obstacles
    if (event.button === 1) {
        let newObstacles = obstacles.filter(obstacle => !(parseInt(obstacle.bottom) == obstacleBottom-3 && parseInt(obstacle.left) == obstacleLeft+1))
        obstacles = newObstacles

        localStorage.setItem("obstacles", obstacles)
        generateObstacles()
        return false
    }

    if (EDIT.selectedObstacle == 'block') {
        obstacleLeft = Math.floor((EDIT.mouseUp[0]- parseInt(mapDiv.left))/64)*64;
        obstacleBottom =  window.innerHeight - Math.ceil(EDIT.mouseUp[1]/64)*64;
        obstacleWidth = 64;
        obstacleHeight = 64;
    }

    //Remove zero width/height elements
    if (obstacleWidth < 32 || obstacleHeight < 32) return

    //Add new obstacle to array
    obstacles.push(
        {
            type: EDIT.selectedObstacle,
            collision: (EDIT.selectedObstacle == 'platform' || EDIT.selectedObstacle == 'platform2') ? 'top' : 'all',
            left : obstacleLeft,
            bottom: obstacleBottom,
            height: obstacleHeight,
            width: obstacleWidth
        }
    )

    localStorage.setItem("obstacles", obstacles)

    //Regen obstacles
    generateObstacles();

    //Reset mouse events
    EDIT.mouseDown = undefined;
    EDIT.mouseUp = undefined;
}