Web Game Design
Length: 44 weeks
Content type: Text based
Grades: 7-12
Print a Certificate of Completion
Please click the images below for more information.
With the Web Game Design curriculum, students learn how to create some simple games right in their web browsers. This is a programming-centric homeschool computer course, meaning students write (type) code to make things happen. The web design course covers several topics including starting a JavaScript game, as well as handling images and sound effects, input fields, 2D frame animation, virtual worlds, and much more. The student must be familiar with the day-to-day use of a computer before using this Web Game Design curriculum. Students should start with the first lesson and progress sequentially through the lessons, as they build on each other throughout the course.
Overview
Supplies Needed
Corresponding downloads on SchoolhouseTeachers.com, computer access and web browser that supports HTML5, and notebook for storing notes
What to Do
Go to Class Lessons and download the lesson plan and lessons. Start with the Day 1 assignment on the lesson plan. Follow the instructions each day on the lesson plan and check them off when completed.
Forty-four Web Game Design curriculum lessons teach homeschool teens how to create some simple games right in their web browsers.
HTML5 Canvas and JavaScript Lesson 3: Screen Coordinates and Colors
This week we are going to take a closer look at the way we specify locations and colors on the <canvas> drawing surface.
FillStyle Colors
Remember last week that we selected a color for our filled-in shapes using the fillStyle property:
ctx.fillStyle = “blue”;
The fillStyle property is very flexible, and can be used to choose a solid color or even a gradient or pattern! You can use several different formats to choose a color. Here are a few of the color options:
Open your existing “index.html”. Try setting the fillStyle using the rgb() pattern with red, green, and blue components. What interesting colors can you make that don’t match any pre-defined name?
To view a full sample of this course, click here.
Welcome to the SchoolhouseTeachers.com Web Game Design curriculum! Chris Yust, co-author of eight computer programming books for kids and teens, guides homeschool students through a digital adventure.
Please carefully read these student prerequisites before continuing:
The Web Game Design lesson format typically includes some instructional material, as well as a hands-on activity the homeschool teen can complete on their own computer. Students may expect to spend about one hour per week completing the lessons and activities, though they are encouraged to creatively expand projects on their own if desired.
Please contact Mr. Yust with questions at chris@HomeschoolProgramming.com.
Most Web Game Design curriculum weekly lessons generally take 1-2 hours to complete. Homeschool students who thoroughly complete the entire course may receive 0.5 computer science credit. (Deeper resources may be found at Mr. Yust’s website: www.homeschoolprogramming.com. There, the KidCoder and TeenCoder students are expected to be spending 3-5 hours a week on more intensive study, and Mr. Yust recommends 0.5 credit per semester, or 1.0 credit per year, for those courses.)
Click on the image above to be taken to our Affiliate Image Gallery, where you can find additional images for this class.
You can use our affiliate banner on your website, blog, or even social network to tell your friends, family, and contacts about this wonderful class. If you’re an affiliate with SchoolhouseTeachers.com, you can earn a commission every month for new members you send. Visit our Affiliate Image Gallery here.
You can find out more about our affiliate program by clicking here.
Quick Start
Need help? Check out our tutorials or click the live chat box in the corner of your screen.
Lesson Designer
Chris Yust is a 17-year veteran of the software industry and a father of two homeschooled... FacebookRelated Classes You May Enjoy
© 2001- 2020 SchoolhouseTeachers.com All Rights Reserved.
|
Your World Book access has expanded! Log in to World Book and check out the 5 additional libraries available through the end of April!
|
![Select Plan](/wp-content/uploads/SelectPlan-1.png")
