Bewegen von Blöcken und Charakterkollisionen ⇐ JavaScript

[Anonymous]

im Codieren eines Videospiels in kaboom.js (erstmals). Grundsätzlich beinhaltet es einen laufenden Charakter (statisch auf dem Bildschirm), der auf sich bewegende Blöcke springen muss. Es ist natürlich 2d. Die Blöcke, die ich erwähnte, müssen nacheinander sein (eine Reihe beweglicher Blöcke). Der Spieler kann die Blöcke berühren. Wenn er sich jedoch auf einen von ihnen auswirkt, bewegt es sich jedoch (aufgrund von Schwerkraftoptionen in Kaboom.js. Es sollte nicht. Die Blöcke sollten die gleiche Position auch mit der Möglichkeit behalten, mit ihnen zu imaktieren. Können Sie mir Tipps geben? Unten gibt es Funktionsnippet und ein Beispiel für die Spielschnittstelle mit dem Problem. /> Ich habe versucht, die Body () -Spertage auf die Blöcke zu setzen, sogar die Solid ().

Code: Select all

export function loadGameScene(){
scene("game", () => {
const bg = add([
sprite("bg", { width: width(), height: height() })
]) //background
const ground = add([
pos(0, height() - 50),
rect(width()+1000, 30),
area(),
opacity(0),
solid()
]) //base rect
const player = add([
sprite(players[0]),
pos(150, height() - 190),
area(),
body(),
scale(0.35),
]);//player

//PLAYER RUNNING ANIMATION
let currentFrame = 0;
setInterval(() => {
currentFrame = (currentFrame + 1) % players.length;
player.use(sprite(players[currentFrame]));
}, 165);
//movement
onKeyDown("right", () => {
if (!player.isGrounded()) {
player.move(300, 0);
} else {
player.move(155, 0);
}
});
//blocks dragging
player.onCollide("platform", ()=>{
player.move(-50,0)
})

//BLOCKS SPAWNING
let previous = "block4_grJump";
let lastBlock = null;
let cycle = 0
//
function spawnRndGRBlock() {
let blockSpeed = 150;
let blockY = 580;
let bkName = choose(blockNamesGround);
let spawnX;

if (previous === "block4_grJump" || previous === "block4_grJump1" || previous === "block4_grJump2") {
bkName = choose(["block1_small", "block5_fire", "block5_spike"]);
}
if (previous === "block5_fire" || previous === "block5_spike") {
bkName = "block1_small";
}

switch(bkName){
case "block4_grJump2":
blockY = 500;
break
case "block4_grJump":
blockY = 499;
break
case "block4_grJump1":
blockY = 499;
break
case "block5_fire":
blockY = 517;
break
case "block5_spike":
blockY = 540.3;
break
}

previous = bkName;
if (lastBlock) {
spawnX = lastBlock.pos.x + lastBlock.realWidth
} else {
spawnX = width()
}

//the first block is always the standard one
let jumpUp
let up_down =false
//player's jump and sprite
if(cycle===0){
bkName="block1_small"
jumpUp = add([
sprite("jump"),
pos(spawnX-200, blockY-155),
move(LEFT, blockSpeed),
scale(0.32)
])
setInterval(() => {
if(!up_down){
jumpUp.pos.y += 20;
up_down=true
}
else{
jumpUp.pos.y -= 20;
up_down=false
}

}, 700);
}
onKeyPress(["space", "up", "w"], () => {
if (player.isGrounded()) {
player.jump(720);
destroy(jumpUp)
}
});
cycle++

//BLOCKS VARIABLE PROPERTIES
const block = add([
sprite(bkName),
pos(spawnX, blockY),
scale(0.35),
area(),
body(),
move(LEFT, blockSpeed),
"platform",
]);
const realWidth = block.width * block.scale.x;
block.realWidth = realWidth;

//BLOCKS IN SEQUENCE
block.onUpdate(() => {
if (!block.spawnedNext && (block.pos.x + block.width) < width()+3000) {
block.spawnedNext=true
spawnRndGRBlock();
}
if (block.pos.x <  -block.realWidth) {
destroy(block);
}
});
lastBlock = block;
}
spawnRndGRBlock();
});
}