Hallo,

Ik moet voor een schoolproject een javascript game maken. Helaas is mijn javascript ervaring minimaal en loop ik zo af en toe vast en lukt het me door veel te googlen en oplossing te vinden. Helaas is het me niet gelukt om op het volgende probleem een oplossing te vinden vandaar mijn vraag of jullie mij misschien kunnen helpen.

Ik ben bezig met een Mario spelletje. Het is me al redelijk gelukt om hem werkend te krijgen:
http://school.carlavanloon.com/cp maar graag zou ik hier ook levels aan toe willen voegen.
Het liefst zou ik een level toe willen voegen per 5 sterren. Hierdoor moet Mario weer bij het beginpunt (linksonder) beginnen en worden er andere blokken geladen en sterren waar hij overheen kan lopen en moet verzamelen. De data van de blokken en de sterren worden opgehaald via JSON. Dit is één van de eisen van school dat er JSON in verwerkt moet worden.
Zou iemand mij kunnen helpen op welke manier ik het beste extra levels zou kunnen toevoegen.

Ik zie de werking van de Game niet in Internet explorer? Ik zie een strip van Mario figuurtjes met een groene wereld er boven.
Hopelijk heb je daar wat aan..

Mvgr,

Dat kan kloppen, hij moet Google Chrome proof zijn. Dus ik hoop dat je hem daar in kunt bekijken?

Je kunt bij iedere ster die je pakt een check kunnen doen of je een level omhoog mag. Zoals je de blokken nu in de JSON array opslaat lijkt me wel een prima methode. Je kunt makkelijk een level omhoog, een manier om dit te doen is bijv. met deze code:

Code:

function () {
            console.log('game -> levelUp');

            // JSON blokken data binnen halen
            $.getJSON('js/boxes.json', function (data) {

                // Verwijder eerst alle blokken die al bestaan
                this.block.forEach(function(block) {
                    this.stage.removeChild(block.el);
                }.bind(this));

                this.block = [];
                this.level++;

                // Voeg alle blokken toe van het nieuwe level
                data.boxes['level' + (this.level + 1)].forEach(function(blockData) {
                    var block = new Block(blockData);
                    this.block.push(block);
                    this.stage.addChild(block.el);
                }.bind(this));

            }.bind(this));

        };

Je kunt het nog wat verbeteren door bijvoorbeeld de JSON data op te slaan als je het de eerste keer ophaalt, zodat je geen onnodige queries later hoeft te doen (HTTP requests zijn traag). Verder laadt deze code nog geen nieuwe sterren.

In checkLevel() gebruik je nu game.mario.x = 0, als je dit naar game.mario.el.x verandert ook het verplaatsen van mario moeten werken.

Semi-offtopic dit, maar ik heb even stiekem op school.carlavanloon.com en je portfolio bekeken, wat maak je vette dingen zeg! :-)