为“虚拟宠物”游戏添加了功能,但我找不到我的错误

时间:2019-03-11 14:52:51

标签: javascript function game-loop

我刚刚在虚拟宠物中添加了睡眠和饥饿功能,现在脚本无法正常工作,我不确定自己做错了什么,因为一切看起来都很好。我将向您展示原始脚本(有效)和修改后的脚本。

我不太确定自己错过了什么,我花了很多时间寻找自己的错误,对您的帮助将不胜感激!

原文:

<!-- Developed @ the University of Advancing Technology for use in UAT courses. -->
<html>
<head>
<title>Virtual Pet</title>
<script>
// Virtual Pet Stats and starting values
// TODO: Change the name of your Virtual Pet on the line below.
var petName = "Virtual Pet";
var currentHealth = 60;
var maxHealth = 100;
var petStatus = "healthy";
// TODO: Add more Virtual Pet stats that will be modified by your functions



// Increases the current health of the Virtual Pet until it is maxed out.
function exercise()
{
	currentHealth = currentHealth + 5;
	if(currentHealth  > maxHealth)
	{
		currentHealth = maxHealth;
	}
	
    // Update the display after an action has occurred.
	updateDisplay();
}

// TODO: Write new functions that will process and modify the new stats you have created. (The majority of your new code should go here.)









// Modifies any stats that automatically change every few seconds. 
//    (For example, health decreases every few seconds so the play needs to occationally exercise their Virtual Pet)
function changesOverTime()
{
	currentHealth = currentHealth - 4;
	// TODO: Add in other changes to the Virtual Pet stats that occur on a regular basis.
	
}


// Checks the pet's health and modifies the status accordingly
function checkHealth()
{
	if(currentHealth <= 0 )
	{
		petStatus = "Dead";
        currentHealth = 0;
	}
	
	//TODO (Optional): Add other health status checks (For example, sick if health < 15)
}


// Displays a Title to the screen for your Virtual Pet game
function displayTitle()
{
	// TODO (Optional): Create your own title
	
}


// Displays the current pet stats to the screen.
function displayPetStats()
{
	document.write("<h2>" + petName + " Status: " + petStatus + "</h2>");
	document.write("<p>Health = " + currentHealth + "&nbsp;&nbsp;&nbsp;Max Health = " + maxHealth + "</p>");
	// TODO: Add the display of new Virtual Pet stats here
	
	
	document.close();
}


// Displays the buttons to the screen enabling the user to interact with their virtual pet.
function displayUserOptions()
{
	if(petStatus != "Dead")
	{
		document.write("<button onclick='exercise()'>Exercise</button>");
		
		// TODO: Create buttons for other actions
		
	}
}


// Calls all the functions that display information to the screen.
function updateDisplay()
{
	displayTitle();
	displayUserOptions();
	displayPetStats();

}


// This function executes the game and manages the passing of time.
function gameLoop(timestamp)
{
	if(timestamp > last_iteration + time_interval)
	{
		last_iteration = timestamp;
		
		changesOverTime();
		checkHealth();
		
		// TODO: Check other Virtual Pet stats and update the petStatus accordingly
        
        
        
        
        // After all stats updates are done, update/recreate the display
        updateDisplay();
	}
	
	
	
	// Life continues unless the Virtual Pet is dead (health <= 0)
	if(petStatus != "Dead")
	{
        // Executes the gameLoop function once again.
		requestAnimationFrame(gameLoop);
	}
}

// Other global variables that control the timing of the game.
var time_interval = 5000;
var last_iteration = 0;
</script>
</head>

<body>
<h1>My Virtual Pet!</h1>
<!-- Initiate the gameLoop for the first time.-->
<button onclick='gameLoop()'>Bring my Virtual Pet to Life!</button>
</body>
</html>

我修改后的脚本:

<!-- Developed @ the University of Advancing Technology for use in UAT courses. -->
<html>
<head>
<title>Virtual Pet</title>
<script>
// Virtual Pet Stats and starting values
// TODO: Change the name of your Virtual Pet on the line below.
var petName = "Virtual Pet";
var currentHealth = 60;
var maxHealth = 100;
var petStatus = "healthy";
var tiredness = 60;
var maxTiredness = 100;
var hunger = 60;
var maxHunger = 100;
// TODO: Add more Virtual Pet stats that will be modified by your functions



// Increases the current health of the Virtual Pet until it is maxed out.
function exercise()
{
	currentHealth = currentHealth + 5;
	if(currentHealth  > maxHealth)
	{
		currentHealth = maxHealth;
	}
	
    // Update the display after an action has occurred.
	updateDisplay();
}

function sleep(){
	var sleepamount = prompt("How many minutes would you like to sleep?");
	tiredness + sleepamount = tiredness;
	if tiredness >= 100 {
	tiredness = 100;
	}
    // Update the display after an action has occurred.
	updateDisplay();
}
function checkHunger(){
	var feed = prompt("How many snacks do you want to eat?");
	hunger + feed = hunger;
	if hunger >= 100 {
	hunger = 100;
}
    // Update the display after an action has occurred.
	updateDisplay();
}

// TODO: Write new functions that will process and modify the new stats you have created. (The majority of your new code should go here.)









// Modifies any stats that automatically change every few seconds. 
//    (For example, health decreases every few seconds so the play needs to occationally exercise their Virtual Pet)
function changesOverTime()
{
	currentHealth = currentHealth - 4;
	tiredness = tiredness - 4;
	hunger = hunger - 4;
	// TODO: Add in other changes to the Virtual Pet stats that occur on a regular basis.
	
}


// Checks the pet's health and modifies the status accordingly
function checkHealth()
{
	if(currentHealth <= 0 )
	{
		petStatus = "Dead";
        currentHealth = 0;
	}
	
	//TODO (Optional): Add other health status checks (For example, sick if health < 15)
}
function checkStarved()
{
	if(hunger <= 0 ){
		petStatus = "Dead";
        hunger = 0;
	} else if hunger >= 30 && hunger <= 75 {
		petStatus = "Hungry";
	
	
	//TODO (Optional): Add other health status checks (For example, sick if health < 15)
	}
}


// Displays a Title to the screen for your Virtual Pet game
function displayTitle()
{
	// TODO (Optional): Create your own title
	
}


// Displays the current pet stats to the screen.
function displayPetStats()
{
	document.write("<h2>" + petName + " Status: " + petStatus + "</h2>");
	document.write("<p>Health = " + currentHealth + "&nbsp;&nbsp;&nbsp;Max Health = " + maxHealth + "</p>");
	document.write("<p>Hunger = " + hunger + "&nbsp;&nbsp;&nbsp;Max Hunger = " + maxHunger + "</p>");
	document.write("<p>Tiredness = " + tiredness + "&nbsp;&nbsp;&nbsp;Max Tiredness = " + maxTiredness + "</p>");
	// TODO: Add the display of new Virtual Pet stats here
	
	
	document.close();
}


// Displays the buttons to the screen enabling the user to interact with their virtual pet.
function displayUserOptions()
{
	if(petStatus != "Dead")
	{
		document.write("<button onclick='exercise()'>Exercise</button>");
		document.write("<button onclick='sleep()'>Sleep</button>");
		document.write("<button onclick='checkHunger()'>Feed</button>");
		
		// TODO: Create buttons for other actions
		
	}
}


// Calls all the functions that display information to the screen.
function updateDisplay()
{
	displayTitle();
	displayUserOptions();
	displayPetStats();

}


// This function executes the game and manages the passing of time.
function gameLoop(timestamp)
{
	if(timestamp > last_iteration + time_interval)
	{
		last_iteration = timestamp;
		
		changesOverTime();
		checkHealth();
		checkStarved()
		
		// TODO: Check other Virtual Pet stats and update the petStatus accordingly
        
        
        
        
        // After all stats updates are done, update/recreate the display
        updateDisplay();
	}
	
	
	
	// Life continues unless the Virtual Pet is dead (health <= 0)
	if(petStatus != "Dead")
	{
        // Executes the gameLoop function once again.
		requestAnimationFrame(gameLoop);
	}
}

// Other global variables that control the timing of the game.
var time_interval = 5000;
var last_iteration = 0;
</script>
</head>

<body>
<h1>My Virtual Pet!</h1>
<!-- Initiate the gameLoop for the first time.-->
<button onclick='gameLoop()'>Bring my Virtual Pet to Life!</button>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

您多次遇到两个错误。

分配变量时,语句必须位于=符号的左侧,即疲劳+饥饿=饥饿需要饥饿=疲劳+饥饿

if语句丢失(),如果饥饿> 0 {}需要if(饥饿> 0){}

这是更新的脚本。

ListView

答案 1 :(得分:1)

代码中有两件事是错误的:

  • =的左侧必须是变量。您正在使用tiredness + sleepamount = tiredness,这是一些地方。将其更改为tiredness = tiredness + sleepamount
  • if的条件应该在()中,但是您正在像这样hunger >= 100使用

<!-- Developed @ the University of Advancing Technology for use in UAT courses. -->
<html>
<head>
<title>Virtual Pet</title>
<script>
// Virtual Pet Stats and starting values
// TODO: Change the name of your Virtual Pet on the line below.
var petName = "Virtual Pet";
var currentHealth = 60;
var maxHealth = 100;
var petStatus = "healthy";
var tiredness = 60;
var maxTiredness = 100;
var hunger = 60;
var maxHunger = 100;
// TODO: Add more Virtual Pet stats that will be modified by your functions
// Increases the current health of the Virtual Pet until it is maxed out.
function exercise()
{
	currentHealth = currentHealth + 5;
	if(currentHealth  > maxHealth)
	{
		currentHealth = maxHealth;
	}   	
    // Update the display after an action has occurred.
	updateDisplay();
}

function sleep(){
	var sleepamount = prompt("How many minutes would you like to sleep?");
	tiredness = tiredness + sleepamount;
	if (tiredness >= 100) {
	   tiredness = 100;
	}
    // Update the display after an action has occurred.
	updateDisplay();
}
function checkHunger(){
	var feed = prompt("How many snacks do you want to eat?");
	hunger = hunger + feed;
	if (hunger >= 100) {
	hunger = 100;
}
    // Update the display after an action has occurred.
	updateDisplay();
}

// TODO: Write new functions that will process and modify the new stats you have created. (The majority of your new code should go here.)

// Modifies any stats that automatically change every few seconds. 
//    (For example, health decreases every few seconds so the play needs to occationally exercise their Virtual Pet)
function changesOverTime()
{
	currentHealth = currentHealth - 4;
	tiredness = tiredness - 4;
	hunger = hunger - 4;
	// TODO: Add in other changes to the Virtual Pet stats that occur on a regular basis.  	
}
// Checks the pet's health and modifies the status accordingly
function checkHealth()
{
	if(currentHealth <= 0 )
	{
		petStatus = "Dead";
        currentHealth = 0;
	}    	
	//TODO (Optional): Add other health status checks (For example, sick if health < 15)
}
function checkStarved()
{
	if(hunger <= 0 ){
		petStatus = "Dead";
        hunger = 0;
	} else if (hunger >= 30 && hunger <= 75) {
		petStatus = "Hungry";
	
	
	//TODO (Optional): Add other health status checks (For example, sick if health < 15)
	}
}
// Displays a Title to the screen for your Virtual Pet game
function displayTitle()
{
	// TODO (Optional): Create your own title
	
}
// Displays the current pet stats to the screen.
function displayPetStats()
{
	document.write("<h2>" + petName + " Status: " + petStatus + "</h2>");
	document.write("<p>Health = " + currentHealth + "&nbsp;&nbsp;&nbsp;Max Health = " + maxHealth + "</p>");
	document.write("<p>Hunger = " + hunger + "&nbsp;&nbsp;&nbsp;Max Hunger = " + maxHunger + "</p>");
	document.write("<p>Tiredness = " + tiredness + "&nbsp;&nbsp;&nbsp;Max Tiredness = " + maxTiredness + "</p>");
	// TODO: Add the display of new Virtual Pet stats here    	
	document.close();
}
// Displays the buttons to the screen enabling the user to interact with their virtual pet.
function displayUserOptions()
{
	if(petStatus != "Dead")
	{
		document.write("<button onclick='exercise()'>Exercise</button>");
		document.write("<button onclick='sleep()'>Sleep</button>");
		document.write("<button onclick='checkHunger()'>Feed</button>");
		
		// TODO: Create buttons for other actions
		
	}
}
// Calls all the functions that display information to the screen.
function updateDisplay()
{
	displayTitle();
	displayUserOptions();
	displayPetStats();

}
// This function executes the game and manages the passing of time.
function gameLoop(timestamp)
{
	if(timestamp > last_iteration + time_interval)
	{
		last_iteration = timestamp;
		
		changesOverTime();
		checkHealth();
		checkStarved()		
		// TODO: Check other Virtual Pet stats and update the petStatus accordingly                                    
        // After all stats updates are done, update/recreate the display
        updateDisplay();
	}
	// Life continues unless the Virtual Pet is dead (health <= 0)
	if(petStatus != "Dead")
	{
        // Executes the gameLoop function once again.
		requestAnimationFrame(gameLoop);
	}
}
// Other global variables that control the timing of the game.
var time_interval = 5000;
var last_iteration = 0;
</script>
</head>
<body>
<h1>My Virtual Pet!</h1>
<!-- Initiate the gameLoop for the first time.-->
<button onclick='gameLoop()'>Bring my Virtual Pet to Life!</button>
</body>
</html>