JavaScript Projects
1 Quarter Prerequisite: Intro to JavaScript(completed)
This class starts with Tynker (User Interactions). They will continue through the Tynker lessons and projects, as a student progress the lessons leave more and more to the student to design and create on their own. Students in this class are ideally working as a group to complete the projects. The projects are very detailed and will take a lot of focus and work. At the end of this course, students will have a general mastery of JavaScript programming skills, group work skills, learn about reasoning and problem solving, along with project planning. Students will have to complete all of the bench mark projects before continuing on to the next course. Not finishing all of the bench marks in one quarter will not affect grade.
Grading:
At middle school level my classes are what we call an exploratory class. All of my classes as an exploratory class will be a “NO” fail class. I only ask that students are always trying to work at the best of their abilities. All though your student can not fail my class, a lack of effort or trying can result in a “NG” No Grade in my class at mid-term. Which over the course of the rest of the term the student does not complete the minimum course work after discussion the grade will turn into a "U" grade for the term. I reserve this system for students that after many communications and tries to get them to participate in the class, that they do not give work effort.
Grading: JavaScript Projects
Lowest possible grade in this class is a “B” the grade of a “B” is for students that were not able to complete enough of the benchmarks in the term. As with any of my computer programming classes they will just pick up where they left off in the next quarter, upon completion of the class I will grade replace previous quarter in the same year for the “A”. Then the student will progress to the next class in the series Introduction to Python
Tools to help with JavaScript Projects
This video is to teach you how to find custom sprites for projects if you choose not to use the ones provided by me on this page.
This link is for creating your own collision detector for projects (will need player variables for x, y, Width & Height will also need the same variables for the other sprite that is colliding with the player) - if need help in use ask me
User Interactions
These are videos to walk you through the mini-project in this section. You will need all of them to use in creation of other projects in the future sections, you will use code from these projects.
These are links to completed sample projects of the above:
Fish Tank Benchmark #1
For this bench mark you will be creating a Fish Tank like you did in Code.org and Scratch
- You have to have no less than 5 sprites
- As we know from Code.org you will also need the reverse copy
- Fish will need to bounce of all the sides of the Tank and Facing must be correct
- This means you will be changing both the X-axis and Y-axis of the fish
This is a basic Setup file to help you with this project
This is an example of the project so you can see it in function
Sprites for the Project Provide by me:
Frogga Game Benchmark #2
For this benchmark you will go through the Game Design unit in Tynker, when finished you will have basic version of the bench mark that you will need to add:
- 3 more enemy Sprites (two will move in opposite pattern to the left)
- You will also improve the collision detection by using the calculator tool above
This is a basic Setup file to help you with this project
This is an example of the project so you can see it function
This link is for creating your own collision detector for projects (will need player variables for x, y, Width & Height will also need the same variables for the other sprite that is colliding with the player) - if need help in use ask me
Sprites for the Project Provided by me:
Snake Game Benchmark #3
For this benchmark you will copy the code for snake using information from the video provided. Then you will add:
- Keep Score of Food consumed
- Create a High Score that displays during play and Game Over
- Add array to see if snake has collided with itself - this is an Array check of nx and ny
- When player loses show Game Over screen with score and High Score.
- Create a way for the player to restart the game w/o using refresh so High Score does not get reset.
- (Hint) Also make sure you figure a way to look out key controls so people can not cheat after Game Over
This is a basic Setup file to help you with this project
This is an example of the project so you can see it in function
Breakout Game Benchmark #4
For this benchmark you will copy the code given to you by Tynker for a basic game of break out. Then you will add:
- You will at minimum a 2nd row of bricks
- You also need to make all of the bricks re-spawn after being clear
- Make the game get more difficult with each wave/level of bricks cleared
- Make a Game Over situation if it misses the paddle using of lives or just one simple miss
- Make the game playable using the mouse vs the use of the keyboard
This is a basic Setup file to help you with this project
This is an example of the project so you can see it in function
Sprites for the Project Provided by me:
Advanced version of game
Ping Pong Game Benchmark #5
For this benchmark you will need to create a plan on how you will create the project from past projects. This project will use "NO SPRITES"
For some assistance this is a simple pong game you need to dissect - this is the code you need to place in a project
This is an example of the project so you can see it function - it has options for 0,1,2 players and choice of keyboard or mouse in one player mode.
Final Game Benchmark #6
For this benchmark students will chose a final game to create, Tynker suggests, Invaders, Flappy Bird, or Geometry Dash as final games. I will consider other possible games.
These are a few examples of Final Games:
