JavaScript Conditionals Hacks
conditionals hacks
Popcorn Hacks:
Develop a basic combat system that allows characters to engage in battles with enemies. This will help you practice using functions, conditionals, and basic game mechanics in JavaScript.
Popcorn Hack Part 1 - 1: Using initializeData
Function
- Add
speed
to theinitializeData(data = null)
function and give it a default value. - Add
seed
to the HTML output. - Add
speed
to the JSON data. - Test calling
initializeData
with no argument, and then using adata
JSON object as an argument.
Popcorn Hack Part 1 - 2: Adding IJKL Key Conditions in handleKeyDown
- Add a
case
statement for each of the IJKL keys in thehandleKeyDown({ keyCode })
switch statement. - Send the key code for each IJKL key to the
gameObject.handleKeyDown
method. - Use
console.log()
to outputgameObject
.
Popcorn Hack 2: Creating a Simple Attack System
- Add a
boolean
variable namedcanAttack
, and set it tofalse
. - Use an
if
statement to check if the player can attack. - If
canAttack
isfalse
, output “Can’t attack.” - Use
Math.random()
to determine if the player is allowed to attack. (Tip: Use ChatGPT for help withMath.random()
if needed!) - This will pick a random number to decide if the attack can happen.
- Use
console.log()
for all outputs.
Popcorn Hack 3: Level Requirement Check
- Use the
ternary operator
to create an output if the player meets the level requirements. - If not, output a message telling the player they are under-leveled.
- Use
console.log()
to print your output.
Homework:
Objectives
Option 1: Create a simple combat system.
- Allow characters to fight enemies.
- Use basic functions and conditionals in JavaScript.
- Focus on making it easy to understand how battles work.
Option 2: Make a dialogue system for your NPC (Non-Player Character).
- Use the
prompt()
function to ask the player for a response (choose a number from 1 to 4). - This dialogue should appear when the player gets close to the NPC and presses a button.
</span>
Additional Tips:
- For Option 1:
- Start by writing down what the characters and enemies will be. Create simple names and attributes (like health).
- Use
console.log()
to print out what's happening at each step. This will help you understand the flow of your code. - Look for example code online to see how others have created combat systems. Don't be afraid to borrow ideas!
- For Option 2:
- Plan out the dialogue options before you start coding. Write them down in a list.
- Use comments in your code to remind yourself what each part does. For example,
// Ask the player for a response
. - Test your code frequently. After writing a few lines, run it to see if it works before adding more.