Breakout/Playground.js at master · CoderDojoRotterdam/Breakout · 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
/*
    ******************
    *** Variabelen ***
    ******************
*/

// Zet je variabelen hier


/*
    *********************************
    *** OPDRACHT 1: Maak een balk ***
    *********************************
*/

function maakEenBalk(){

    // Code hier

    // Verander null naar balk
    return null;
}

/*
    ***********************************************************
    *** OPDRACHT 2: Balk laten bewegen met het toetsenbord! ***
    ***********************************************************
*/

function beweegBalk(){

    // Code hier
}

/*
    ****************************************
    *** OPDRACHT 3: Een stuiterende bal! ***
    ****************************************
*/

function maakEenBal(){

    // Code hier

    // Verander null naar balletje
    return null;
}

/*
    **********************************
    *** OPDRACHT 4: Blokken maken! ***
    **********************************
*/

function blokkenMaker(){

    // Code hier

    // Verander null naar blokken
    return null;

}

/*
    *************************
    *** OPDRACHT 4: EXTRA ***
    *************************
*/

// Automagische blokken generator
function blokGenerator(){

     /*
        Dit is een array met hoe de blokken zullen worden gemaakt. De nummers hieronder staan voor de kleur van het blokje en heb ik zelf vastgesteld.
        De kleuren die je kunt gebruiken, zijn:

        0 = groen
        1 = blauw
        2 = rood
    */
    var blokKleur = [

        "0", "2", "2", "2", "0", "2", "2", "0", "0", "1", "1", "0",
        "0", "2", "0", "0", "0", "2", "0", "2", "0", "1", "1", "0",
        "0", "2", "0", "0", "0", "2", "0", "2", "0", "0", "0", "0",
        "0", "2", "0", "0", "0", "2", "0", "2", "0", "0", "0", "0",
        "0", "2", "0", "0", "0", "2", "0", "2", "0", "1", "1", "0",
        "0", "2", "0", "0", "0", "2", "0", "2", "0", "1", "1", "0",
        "0", "2", "0", "0", "0", "2", "0", "2", "0", "0", "1", "0",
        "0", "2", "2", "2", "0", "2", "2", "0", "0", "1", "0", "0"
    ];

    /*
        Dit stuk code is het hart van het maken van blokken op een makelijk manier.

        Dit is dus een for loop die bij elke ronde een nieuw blok toevoegd. Bij elke ronde wordt er ook
        een berekening gedaan om ze netjes naast elkaar te zetten. En met hulp van de blokKleur array, worden
        de kleuren dynamisch ingeladen.


    */

    // De afstand Y tegenover andere blokken
    var nextRow = 0;

    // De afstand X tegenover andere blokken
    var nextColumn = 0;

    // Een for loop om de blokken te maken.
    for(var i = 0; i < blokKleur.length; i++){

        // Bij elke loop, een nieuw blok toevoegen met de berekende variabelen en gegeven blok kleur
        blokken.push(new Brick(50 + ((41 * nextColumn) + (10 * nextColumn)), 100 + nextRow, blokKleur[i]));

        /*
            Iedere 12 blokjes schuiven we een regel op naar beneden en gaan we daar verder met het tekenen
            van de blokjes. De newRow (y) wordt met 20 pixels verhoogd en de nextColumn wordt verhoogd met 1.
        */

        if((i+1)%12 == 0 && i > 0){

            nextRow = nextRow + 20;
            nextColumn = 0;

        }else{ nextColumn++; }
    }
}


/*
    *************************************************
    *** OPDRACHT 5: Botsing tussen bal en blokken ***
    *************************************************
*/

function raakBlok(){

    // Code hier
}

// Hulp Functie om de botsingen te detecteren
function controleerBotsing(spriteA, spriteB){

    return Phaser.Rectangle.intersects(spriteA, spriteB);
}