Я сузил ошибку в моей программе до следующего:
Следующий l oop работает до тех пор, пока maxlayout равен 1, но если он равен двум, таким образом, l oop запускается дважды, затем исходные значения стираются.
, поэтому, если l oop запускается один раз, то mainArray.tilef0 будет равен tile.empty, но если tan дважды, то mainArray.tilef0 будет неопределенным, а mainArray.tilef1 будет равен tile.empty
То же самое верно и для остальных свойств, таких как ландшафт и solid.
for (var k = 0; k < maxlayout; k++){
mainArray[i][j] = {
['tilef' + k]: tile.empty,
['terrainf' + k]: "empty",
['solidf' + k]: "false",
};
Бармар и Генери Ответили на мой вопрос, но я подумал, что добавьте весь код ниже. Чтобы они или другие могли видеть, как это помогло и / или помочь мне или другим узнать, есть ли лучший способ, такой как, возможно, инициализация массива до того момента, когда мне понадобится помощь.
Итак, ниже приведено функционирование. версия с кодом, с которым они мне помогли.
Я извиняюсь, если это грязно, я изо всех сил стараюсь сохранить код в чистоте и не знаю всех стандартных способов ведения дел. Но я добавил много комментариев.
function gameloop() { // Entire Game contained withing function
var mainArray = []; // most game data will be held withing the array
var mapSizeX = 32; // sets the height of the rendered map and corresponding array coordinates
var mapSizeY = 128; // sets the width
var idPos = {x: 16, y: 64}; // currently used to set player location and check for collisions
var rendFlr = 0; // sets which floor to render
var maxlayout = 3;
var tile = { // lists charcters used for rendered tiles and objects
player: "☺",
empty: ".",
wall: "#",
oak: "♠",
maple: "♣",
grass: "‚",
tallgrass: "„"
};
function initMap(mapSizeX, mapSizeY) { // expands and populates the array
for (var i = 0; i < mapSizeX; i++) {
mainArray.push([]) // I belive this is only expaning it 2 dimesionaly and matching the height
for (var j = 0; j < mapSizeY; j++) {
for (var k = 0; k < maxlayout; k++){
const obj = mainArray[i][j] || {}; // creates on object to alter and add back into the main array
obj['tilef' + k] = tile.empty;
obj['terrainf' + k] = "empty";
obj['solidf' + k] = "false";
mainArray[i][j] = obj;
if(k > 0){
if (j == 0 || // wraps the underground floor 1 in walls
j == mapSizeY - 1 ||
i == 0 ||
i == mapSizeX - 1) {
mainArray[i][j]['tilef' + k] = tile.wall;
mainArray[i][j]['terrainf' + k] = "wall";
mainArray[i][j]['solidf' + k] = "Wall";
}
}
}
//else{ // un need as the above for j is already creating empties
//mainArray[i][j].terrain = "empty";
//mainArray[i][j].solid = "false";
//}
}
}
}
function getRndInteger(min, max) { // returns random number from min to max number appears to not function predictably if min and max are the same number
return Math.floor(Math.random() * (max - min + 1) ) + min;
}
function randAdd(odds,feature,solid) { // A chance to add named feature and solid type or message if the "odds" or max number provided is rolled.
for (var i = 0; i < mapSizeX; i++) {
for (var j = 0; j < mapSizeY; j++) {
if (mainArray[i][j].terrainf0 === "empty") {
roll = getRndInteger(1,odds);
if(roll === odds){
mainArray[i][j].terrainf0 = feature;
mainArray[i][j].tilef0 = tile[feature];
mainArray[i][j].solidf0 = solid;
}
}
}
}
}
function randAdd1(odds,feature,solid) { // Same as above function but for floor 1 and should eventually be merged into a single function
for (var i = 0; i < mapSizeX; i++) {
for (var j = 0; j < mapSizeY; j++) {
if (mainArray[i][j].terrainf0 === "empty") {
roll = getRndInteger(1,odds);
if(roll === odds){
mainArray[i][j].terrainf1 = feature;
mainArray[i][j].tilef1 = tile[feature];
mainArray[i][j].solidf1 = solid;
}
}
}
}
}
function genMaps(){
randAdd(200,"wall","solid rock");
randAdd(100,"oak","a tree");
randAdd(100,"maple","a tree");
randAdd(2,"grass","False");
randAdd(2,"tallgrass","False");
randAdd1(1,"wall","solid rock");
}
function nl() { // Creates a new line in the rendered text
GameScreen.innerText += "\n";
}
function render(flr) { // displays the array tiles to the browser
GameScreen.innerText = mainArray.map(arr => arr.map(cell => cell['tilef' + flr]).join("")).join("\n");
nl();
nl();
}
function reposition(xChange, yChange, strA) { // checks if target position is not blocked and if not moves the player
if (mainArray[idPos.x + xChange][idPos.y + yChange].solidf0 === "false" ||
mainArray[idPos.x + xChange][idPos.y + yChange].solidf0 === "False" ||
mainArray[idPos.x + xChange][idPos.y + yChange].solidf0 === "") {
mainArray[idPos.x][idPos.y].tilef0 = tile[mainArray[idPos.x][idPos.y].terrainf0];
idPos.x = idPos.x + xChange;
idPos.y = idPos.y + yChange;
mainArray[idPos.x][idPos.y].tilef0 = tile.player;
GameLog.innerText = "You take a step to the " + strA
}
else {
GameLog.innerText = "You can not enter " + mainArray[idPos.x + xChange][idPos.y + yChange].solidf0;
}
mainArray[idPos.x][idPos.y].terrainf0 != "empty" ?
GameLog.innerText += "\n There is " + mainArray[idPos.x][idPos.y].terrainf0 + " in this spot" :
GameLog.innerText += "\n There is nothing in this spot";
render(rendFlr);
}
//Startup
initMap(32, 128);
genMaps();
mainArray[idPos.x][idPos.y].tilef0 = tile.player;
//First Render
render(rendFlr);
document.addEventListener('keydown', function(event) {
if (event.keyCode === 38) {
reposition(-1, 0, "North");
}
if (event.keyCode === 40) {
reposition(1, 0, "South");
}
if (event.keyCode === 37) {
reposition(0, -1, "West");
}
if (event.keyCode === 39) {
reposition(0, 1, "East");
}
if (event.keyCode === 190) {
if(rendFlr < maxlayout) {rendFlr++}
render(rendFlr);
} if (event.keyCode === 188) {
if(rendFlr > 0) {rendFlr--}
render(rendFlr);
}
//alert(event.keyCode);
});
}
gameloop();
.info {
color: #7d7d7d;
font-family: Lucida Console;
}
.info span {
color: #ABABAB;
font-family: Lucida Console;
font-size: 0.5em;
}
#GameScreen{
color: #000000;
font-family: Lucida Console;
font-weight: italic;
margin-left: auto;
margin-right: auto;
}
#GameLog {
color: #000000;
font-family: Lucida Console;
}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<meta charset="utf-8">
<title>Dungeon Valley</title>
</head>
<body>
<br>
<p class="info">Dungeon Valley.<br>
<span class="">
Taming the Borderlands.<br> v0.008 By heromedel.
</span>
</p>
<section id="GameScreen"></section>
<section id="GameLog">Arrow Keys to move.<br></section>
<script src="main.js"></script>
</body>
</html>
Если вы хотите проверить это, я рекомендую запустить фрагмент, затем нажать полноэкранные клавиши со стрелками для перемещения, и. изменит, какой этаж рендеринга.