App Lab (Code.org) 🚀 Space Shooter Game 🚀 Tutorial
Вставка
- Опубліковано 5 лют 2025
- This Code.org AppLab tutorial walks you through designing and customizing a space shooter type game.
🖥️ Virtual Reality Programming With Alice 3: bit.ly/Alice3VR 🖥️
🔥 Subscribe To Get More Tutorials: bit.ly/36H70sy 🔥
🖥️ App Lab Tutorials: bit.ly/AppLabTu... 🖥️
💡 Create Task Resources Playlist: • Create Task Resources ... 💡
#AppLab #CodeOrg #APCSP
Be sure to also check out "App Lab (Code.org) 🕹️ Arcade Game 🕹️ Tutorial" at: ua-cam.com/video/S8hhYYk-Hjc/v-deo.html
🖥️ Virtual Reality Programming With Alice 3: bit.ly/Alice3VR 🖥️
📌 Subscribe For The Latest Videos: bit.ly/36H70sy 📌
💡 Create Task Resources Playlist: ua-cam.com/play/PLmpmyPywZ4410pWgQ9aLDPCNUrEcVPA-V.html 💡
If using this for a school project, make sure to speak to your instructor about how to properly cite your code.
Hey, May you please post the link to the game art by Morgan 3D? I really want to use the same exact art, but I cannot find it.
@@aaronmarie555 opengameart.org/users/morgan3d
for some reason when I press start it spawns the enemies way bigger than before. plz help.
How would you go about selecting art to give your ship a more sinister or heroic look? Are there effects you could add to change how the models blend into the background?
The visual effects available in App Lab aren't terribly sophisticated.
You can look for stock art that might better fit your preferred style.
I like www.gamedevmarket.net Some of their stuff is free and some is paid.
@@BillBarnum in the video, it looked like you could use any sort of graphic object as long as it was some enough for the program to handle. So could you just make or modify your own graphic elements for use?
Hi Bill, at 11:59 I tried to move the ship with arrow keys but it stayed still. Hope you can help:)
same man mine too stayed still
Hey Bill i know you are probably busy but is there a way you could help me out? Ive got a school final Exam and your work has really helped me allot but im having allot of issues and i dont know exactly where, is there a way you could help me?
could you possibly link the full script of code somewhere on this video page
Its auspicious , unbelievable and quite helpful .This code is really working but there should be more explaination on each command why this command is used so that young coders could understand each and every step very well. keep it up!!!!!!!!!!
Thanks for the feedback.
mahn very good coding
could u pls send the link for the code pls it would be really helpful
my ship moves only once liike I press start then I pres up/down key it movesw then if I have to move it again I have to press start again, like before every movement I have to click start
help every time i try to move my fire ball it wont move i got the code correct this is what i seeERROR: Line: 81: Oops, we can’t figure out what movefireBall is - perhaps you meant the string “movefireBall” with quotes? If this is meant to be a variable, make sure you declared a variable: var movefireBall
Can you share the exact line of code on Line 81?
just change the letter f in fireball to capital
Hello @Bill Barnum
I have a problem.My little space ships wont appear on the top of the screen if they Fly down. I User some Code from your Video for q school Project and cant find the problem.Pls help me
Hey Bill! How would I be able to make a retry button after the game is played once
restart the page
Can you please send me the link to the finished game
LG
I am a bit confuse with var=12; what is the essence of this 12? What role is it playing. Please 🙏 help out
the vertical wrap around on line 143 has a red block next to it and it says verticalwraparound hasn't been declared yet, we cant figure out verticalwraparound is-perhaps you meant the string "verticalWrapAround" with quotes? So when i press start is freezes and nothing moves.
Can you share a public link to your code and I'll try to take a look at it this week?
I have learnt many things from your videos including this one too like collision Detection, wrap Around, etc.. And can you send the code link for this game because move Enemy is not working for me.
I'm happy that you found it useful!
You used the local variable to find the x and y positions and the height and width, wouldn’t it be easier if you just made it global or turn it into a function so you can just recall it with one line if you need it?
That is a good alternative way to do it.
hey could you copy paste code in comments i keep getting it saying like, getXposition wasnt defined
Can u make the enemys shoot the hero ship pls
It could be done, but it would require several additional functions.
ERROR: Line: 7: Oops, we can’t figure out what event is - perhaps you meant the string “event” with quotes? If this is meant to be a variable, make sure you declared a variable: var event
what can i do ?
idk, sometimes the site bugs up. try a few things with your experience with coding (even if its under 6 hours of experience it can still help)
also, make sure there are no spaces or quotes and everything looks *exactly* the same
Can you copy and paste line 7 into the comments so that I can see it?
@@BillBarnum if (event.key = "Up")
this is 7 line
there is a mistake at line 130 you wrote enimines should i also write that
Great video, but quick question im trying to make a game similar to this game like space invaders but im trying to make it horizontal and i am having trouble creating the game and wondering can u look so i can learn more on how to do it?
Bill plz see my comment
thanks, this really helped I will give you a thousand like, and subscribe.
😀🤗
Thanks for the feedback, Waheed.
I have an issue when i press on design button and go to toolbox nothing appears
Maybe a temporary glitch. Try pressing the refresh button on your web browser.
@@BillBarnum thanks
Hello! Everything on the code is working great, but I got stuck at 22:49.
I'm making a game that is X-axis and I managed to work through all of it up until the Energy Bolt going to the nose of the Space-Ship, It won't go to the Space-Ship, instead, it would go to a different direction on the Y-axis. More specifically, lines 60, and 62.
My Dad and I, have been working on this since yesterday and we are stuck and can't figure it out.
Thank you!
I’d have to see your code to hazard a guess.
Can you use the “share button” and provide a link to your code?
Also, if using for a school project, remember to check with your teacher on how to cite your code.
@@BillBarnum Thank you!
Here is the code; studio.code.org/projects/applab/PDtG0nQnAUIXjG2LiM4SwnMRhQVhz1MEx2y8Ij5AJ90
If there is anything else I need to do please tell me.
@@BillBarnum Hey, how's it going? I'm back in my class and was wondering if you had an opportunity to look at the code yet?
Thanks for your help. Have a great day!
@@Zealth,
I changed line 68 and 69 to the following to make the bullet go to the nose of the ship. Is that what you were trying to do?
var energyBoltX = shipX + shipWidth / 2 - 10;
var energyBoltY = shipY - 5;
The "-10" was to even things out a little bit, because I don't think your ship's image is quite symmetrical.
@@BillBarnum Yes that was what I was trying to do, Thank you very much!
Hey Mr. Barnum, may I ask for your collision detection function. When I set if-statement (!getPropertyFunction), "hidden," I get an error message. Says that prorperty paramter value (object) is not a string, cannot get property "undefined" on element "Enemy4." Can you tell me what's wrong please? Thank you.
For the error, you are getting, what line number and time stamp is it on in my video?
@@BillBarnum Never mind, I solve the entire program, thank you for your help. However, I am adding a new attachment. I want to make a counter function that subtracts a counter number from a total value when enemy object is hidden. For example, enemyCounter = 7. If (Any enemy is hit/hidden) Counter - 1. I also use a label to show my counter. How do I achieve this subtract counter task?
Hello! Is there a way to make the game so that if you don’t defeat the enemies in a certain amount of time, you lose?
if (timer < amountOfTime){
setScreen("lose_screen);
}
?? I haven't tried this, but it should work (just set the variables I put there as an example to yours).
Thank you :) I’ll try this!
hey @bill barnum the verticalWrapAround function is not working. enemies are not wrapping around and same with my character. pls help
If you share a link to your code, I'll try to take a look.
Thanks
can somebody please tell me why line 25 is not working for me?
thn=ank you
What does your line 25 look like?
@@BillBarnum here is a link to my project: studio.code.org/projects/applab/RS2P17rF2f_O__r73k4YjrSlNubDlvNZyFw7s9DK0N0
Thank you
@@amritsachdeva49,
It looks like you closed out the function on Line 24 with a }
You shouldn't close out the function until later.
I dont know if you see this but when I want to start at 24:43 it comes this error: Line: 64: Oops, we can’t figure out what shipWidth is - perhaps you meant the string “shipWidth” with quotes? If this is meant to be a variable, make sure you declared a variable: var shipWidth
shipWidth is a variable so it should NOT be in quotes. Make sure you declared it correctly earlier in the program.
is it possible to change the control from keyboard to touch?
Sir please help my program is not moving. Sir please help me please.
Thank you for the tutoral but I was wondering when you destroy the last person , how can you make the screen say , “you win”!!
you could make a variable that tracks when an enemy is destroyed then when the variable is a certain value, the text shows up
Or when it says under the stopTimedLoop line u can make a new screen and deco the screen. Then type setScreen("");
@@StruckByLightning how can I make a gamescreen, start screen and end screen?
@@leehanishrak8999 so in the lab press new screen, then deco it name it
and then do the code. Also put some creativity into it. Ik u came here for the ap exam.
@@StruckByLightning ap exam?
sir i had not done but still i can find it said rawgames
you are great sir
the ship probably won't move because on line 42 and 47, the first "-" is actually a "="
Thanks for pointing that out. Unless you are full screen and high resolution, the compression can make a "=" look like a "-".
I am here to ask you what should I do if I wanted to make the player go to lose screen if he was not able to kill all the enemies in 90 seconds
if statement
I am having trouble with the keypress event..the code nly works on my first keydown. If I press Up key repeatedly, it does not move my mage ship . Please advise
If you send me a link to your code, I'll try to look at it this week.
UA-cam won't allow me to put a link to my code. Is there another way I can send it to you
@@WhizLearningCenter
Does the down button work properly?
@@BillBarnum both up and down work only one tme..like the first time I click up, it will move up or if the first time I click down, it will move down...it does not work for any subsequesnt key presses.
@@WhizLearningCenter
All I can suggest is to try to make sure you got the lines of code exactly correct.
Make the video full screen and set it to the highest resolution to make sure that you
can see the characters correctly.
instead of writing both X and Y values, you can copy X values and paste it and replace X with Y
Sir which recorder did you used to record it???
Screencast-o-matic
Yoo because of your Shop Video i and My Group have a Band note in it
hi can you plese help me in my code it does not work the ENERGYBOLDX does not work in line 99
Perhaps you misspelled something. There shouldn't be the letter "d" in that variable name.
@@BillBarnum true
it is so easy thank you
Most welcome 😊
Thank you for this video! It helped me out a bunch!
Hey there! What would be the code for making something be able to shoot something from the character?
I explain how to write the fire function at 19:54.
The function starts on line 48.
Bill Barnum alright thanks so much!
My line 21 keeps showing red, saying the bracket is unmatched. i don't know how to repair it. How can i repair that ?
@@dorenesmith8062 lol yes i already figured it out.
Thank u. But I wrote the program for the energy bolt to come in front of the rocket but it didn't work....
My enemies are not wrapping around. Once they go off to the bottom of the screen they do not come back up
I'd recommend trying to rewrite the lines for code that handle the wrapping.
try making a loop function
very nice ...
This is epic
Thanks for your feedback!
How do I get Those spaceship images?
1:08
mine enemy are moving together what to do
Send me a link to your code and I will try to look at it this week.
Pls send me your images which you used
@@randomwalagaming8345
In the video, I tell you where you can find them.
But I can’t get it pls give link today I will remake it
Bill Barnum can it be because mine enemies are not downloaded I have taken screenshot ????
where did you get those images
Please Reply
1:08
Hey guys can someone help me fast I have to do a project for school.
And in Line 7 the Programm say that there is a mistake but I looked for 6 times and everything is fine. Now somebody what is wronge? It would be nice if you could help me.
There isn’t supposed to be anything on number 7, it is just blank.
Can you check my code its not working it has red squares and im trying to fix it
Can you share a link?
@@BillBarnum instead I ended up doing the slot machine but the the images don't change so I need help
@@kianemebarek6521
Can you share a link?
@@BillBarnum where do i send it
@@kianemebarek6521
You could try pasting it in the comments.
so when I press start all of the enemies grow and are huge for some reason and their hit boxes are touching so no matter what i hit at least 2. plz help me make them spawn in on their original width and height.
hey how did you use the "and" symbols. 46.18
Rasmus Højlund,
Hold down the shift key and press 7
what is your code for killing the space ships...I don't understand @Bill Barnum
my ships will all disappear instead of only one when i shoot . i've rechecked my code a few times. Any ideas of what the problem is?
I'd start by trying to retype the function related to collision detection to see if that resolves the issue.
Bill Barnum ok, thank you:)
Can you send the link of the images
I don't have the link handy but they are on opengameart.org/
I mention the author of the graphics in the video, so you can search by their name.
Sir how to create the apk of app.
Please guide me.
@Bill Barnum my code won't declare enemiesMovingLeft it says" 'enemiesMovingLeft' hasn't been declares yet."
can you please share this project link , so that i can see it in block mode to understand better.. thanks a lot in advance..
Sorry, but I don't have the code posted publicly.
Can you answer me a question? how do i make the object (enemies) don't shoot when hidden?
i made the enemy ships can shoot too
Red Hollister,
I would need to see your code to give you feedback.
Dont need anymore,i will not use it anyway,i already sent my App to my project already,but thanks
Hi, I've come so far 17:50 and my ship wont move at all. How are you moving your ship?
I've found it to be an issue in the app lab if you use app lab. its the event.key but you can look up a code that lets your ship work. ive also recreated his code and it is not working on several accounts. the only thing I have seen work is the timer.
Yeah same for me. It literally doesn’t move
how would i make the bolt fly in the opposite direction?
On line 99 at 32:07 you would subtract energyBoltSpeed instead of adding it
for some reason my enemies are not wrapping. the code is all correct
A couple of ideas:
1. Look for yellow triangle warnings and highlight them with your cursor. Sometimes these indicate errors.
2. Make sure the wrapAround() function is called from all the correct places.
3. Sometimes “=“ and “-“ can look the same on the video.
4. Try retyping the wrapAround() function from the video.
My spacheship won't move down when i press keydown like in 11:56..
I would start by deleting and rewriting the function that handles key press listeners.
Hey I was wondering if you could help me out with my code. The problem is that it keeps telling me it can't figure out what enemiesRemainding is.
Post a link to your code and I'll try to take a look this week.
will you make tic tak toe
i checked my program many times, however, this isnt running. please helpp
his code is having difficulty in app lab mine also isn't working and have had to use other tricks to get it to work.
@RO NICK I could but I did it months ago and I don't know how to set that up I'm sorry
Hello, I am recreating a rendition of this for a school project and was wondering if there is anyway I could get help. When the player finishes the game I want the game to go to another screen which would show a button to play again or add their name to a leader board. I have the leader board and button ready but i am confused on how i can transition from the game ending to the other screen. Any help or advice would be appreciated.
I think you should set a variable for the score and when it reaches a certain value the screen gets set to the screen you want them to go to
Can you help? Something doesn't work
how do you move it up and down
I talk about that at 6:28
how do i delete someone elses video
Sorry, I don't think you can do that. 🙁
thank you so much
I'm glad you found it useful!
I'm doing this horizontally and the ball keeps moving off the screen
hey so i have a probrblem wre my ship wont move
I would recommend deleting and rewriting the code that controls the motion of your ship.
Sometimes it can be hard to catch a very small mistake.
Ok thanks
Error - setPosition ( ) id parameter value (-27.5) is not a string.warning: line: 50:
Is this JavaScript
The App Lab environment is built on top of JavaScript.
Bill Barnum I have a game that I’ve been working hard on but when I press play something is wrong with it that I don’t know can you check it out for me? studio.code.org/s/csp-create-2019/stage/3/puzzle/2
ERROR: Line: 1: SyntaxError: Unterminated string constant (1:23)
Can you copy and paste your code from line 1?
mine is right I copied it so many times than it got correct try it again
plese help me i want it to work
What issues are you having?
@@BillBarnum i solved no need
@@lohitgembali2610,
Great!
@@BillBarnum i now have a problem
now i need help
I am a student
Dude... 1:09 you didn't show us how you got that searched up...
i followed the whole thing but it says its wrong can you send me the thing?
How do you get your ship sideways?
I rotated the image before I uploaded it.
the ship wont move when i go to test it the very 1st time. Plz help and comment!
Post a link to your code and I'll try to look at it next week.
Can u send the code plz
So many variables
indubitably
I can't move my enemy
when I click run it shows me ERROR: Line: 110: SyntaxError: Unexpected token (110:22) - var energyBoltSpeed - energyBolyX / 10;
It looks like you have a - where you should have an =
@@BillBarnum thanks I have one more question I am trying to put the start button back at the end of the game but I cant get it to work do you know how to do it
@@BillBarnum i got the start button to return but i can only reset the timer how do i get the rest of it to reset
@@blakefleming5246 You would need to write a function to move every object back to its original position and to reset all of the global variables to their original values.
@@BillBarnum ok thank you
Thank you for a great tutorial, however whenever I press the up key,it says Error line:31 Oops, we can,t figure out what event is. This does this to also when I press the down key and enter. Please Help
If you post a link to your code, I'll try to take a look at it this week.
@@elifogelsoneki4833,
You need to share your project for me to look at it. It says it is private to you.
Sorry I have not done this before
How do you do that
@@elifogelsoneki4833 ,
This video explains the process. You will probably have to fast forward to the part about sharing.
ua-cam.com/video/LSouYutNbos/v-deo.html
I cant move down
Just finished following along with the video, but when I hit "start" everything freezes :(
Wow you commented 2 minutes ago
Post a link to your code and I’ll try to take a look at it this week.
Thank you!
@@veadfvnofvpoano9162,
A few things that I noticed to start with:
1. You misspelled the function "collisionDetection" on line 153
2. You are missing an opening ( after the "if" on line 167
3. You are missing 3 closing } around lines 177 - 178
4. You are missing 2 closing } on lines 68 and 69
@@jamzey7323 wow you commented a year ago
Yeah how would you make a reset button where everything goes back to normal without pressing the reset button they give you
You would need to have a button that would:
1. Move ALL objects back to their original position
2. Change ALL objects back to their original visibility
3. Reset the values of ALL the global variables back to their original values.
Ship doesn’t move after first try from line 18
But no errors pop up
I'd check for any yellow or red flags to the left of any lines of code and then try to resolve them.
Bill Barnum no yellow or red errors show on my end
If you send me a link to your code, I'll try to take a look at it this week.
i want help plese help me
What seems to be the issue?
hey so i know this isn"t app lab but on game lab i can't place any sprites and codes guides arn't wocking plese help they won't resopnd
flame star did u put down drawsprite?
when I make my enemies move they constantly move backwards even
though I have written the same code
me ttooooo
can you send me this code
hey man in the part 91 when
could i use this for a project of create pt
You will need to ask your teacher for his/her rules to make sure it is OK with them.
Per the College Board, if you do use code from this, you must cite it and you can't use it for your algorithms or your abstraction.
You need to be very careful when you are submitting a project to the College Board as part of your Create Task.
You'll definitely want to consult with your teacher to discuss what code is appropriate to reuse and how to cite it.
You'll also want to consult the College Board's instructions on the Create Task:
apcentral.collegeboard.org/pdf/ap-csp-student-task-directions.pdf#page=14
Another question, is there chances that Collegeboard wont find out and can I have your email for future question
You could cite it from the title and address of the UA-cam video. Consult with your instructor to make sure that your citations meet College Board requirements.
You don't want to take a risk with not properly citing something or misrepresenting part of your project. Consult your instructor for help following College Board rules.
How many lines did you use?
Somewhere around 180.
My energy bolt isn't moving to the center of my ship.
If you share a link to your code, I'll try to take a look at it this week.
studio.code.org/projects/applab/-O2u2xztbn-u4wYIcMM5VewV_Vk_451wsBzt-c-hrTs/edit
Sir?
It says "Sorry, this project is not available for sharing. " Make sure that you have settings to share it turned on.