Fast and Furious Game Development with JavaScript and AI

45h 58m 32s
English
Paid

Discover the exciting world of game development with our course, "Fast and Furious Game Development with JavaScript and AI". This course is designed for everyone, from complete beginners to seasoned programmers, to learn HTML5 + CSS and JavaScript from scratch using Graphics and Game Development as a fun and engaging platform. Furthermore, you'll explore the cutting-edge realm of Generative AIs like ChatGPT, enabling you to build functional games. Essentially, this course offers a comprehensive learning experience, encompassing three distinct areas.

HTML and CSS Fundamentals

Begin your journey by understanding how the internet and HTML function, particularly in terms of browsers. We start with a simple "Hello World" example in HTML, leading to the construction of your first web page. This section delves into crucial components of HTML5 + CSS, empowering you to create websites with formatting, styling, and controls. Whether you're creating your first website or enhancing your coding skills with HTML5 + CSS, this section offers step-by-step guidance.

Mastering JavaScript for Game Development

In the second part, we dive into JavaScript, covering crucial concepts like variables, math operations, conditionals, loops, and functions. As you advance, you'll explore complex topics such as event-driven programming, recursion, and object-oriented programming. This segment also introduces computer graphics and game development, where you’ll learn to utilize HTML5 Canvas, animate sprites, and conduct simple physics simulations. Key skills include interfacing with keyboard and mouse inputs, integrating HTML with JavaScript, and manipulating the DOM (Document Object Model). The focus on graphics and game development ensures the process is both educational and enjoyable.

Leveraging AI with ChatGPT

In the final section, enhance your JavaScript skills by collaborating with AI. By now, you'll be adept at JavaScript and ready to utilize ChatGPT for developing game prototypes. Learn "Prompt Engineering" techniques to effectively guide ChatGPT in generating game code. Once you have a basic game skeleton, apply your skills to complete it with additional graphics, sound, music, and gameplay features. Together, we'll create several classic games:

  • Pong
  • Breakout / Arkanoid
  • Snake
  • Flappy Bird
  • 3D Wire Frame Space Shooter
  • Space Invaders
  • Blackjack
  • RetroRift (ChatGPT original)

Additional Resources

As a bonus, the course includes free electronic PDF copies of some renowned game development books that have educated countless students and professionals:

  • "Tricks of the Windows Game Programming Gurus"
  • "The Black Art of 3D Game Programming"
  • "Tricks of the 3D Game Programming Gurus"

Ultimately, this course integrates the hottest topics in computing—JavaScript + HTML5, Game Development, and Artificial Intelligence with ChatGPT—in an innovative format. By the end, you'll possess the skills to deploy games and applications on billions of devices, thus acquiring a valuable Super Power for your professional toolkit!

About the Author: udemy

udemy thumbnail
By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams. Udemy is the leading global marketplace for teaching and learning, connecting millions of students to the skills they need to succeed. Udemy helps organizations of all kinds prepare for the ever-evolving future of work. Our curated collection of top-rated business and technical courses gives companies, governments, and nonprofits the power to develop in-house expertise and satisfy employees’ hunger for learning and development.

Watch Online 54 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 54 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Let’s Get Ready to Rumble: Introduction, Setup and Installation
All Course Lessons (54)
#Lesson TitleDurationAccess
1
Let’s Get Ready to Rumble: Introduction, Setup and Installation Demo
35:22
2
Intro to the Web HTML/CSS Basics and the DOM
52:03
3
Building our First Web Page and Using Online Editors
01:06:35
4
HTML Primer - Getting to Know the Basic Tags
45:42
5
Adding a Bit of Drama with Style, Div, and Span Tags
59:53
6
Embedding Images and Sounds in HTML
57:29
7
Getting Things Done with Buttons and Input Controls
54:40
8
Working with Forms and Introduction to CSS (Cascading Style Sheets)
54:01
9
Exploring More Advanced CSS Styling and Animation
30:18
10
JavaScript Primer++ - Getting to Know Types, Objects, Variables, Math and Debug
55:47
11
JavaScript Debugging Techniques and External Scripts
45:25
12
Working with Basic Types Part I - Strings, Arrays, Number, and Math Objects
51:34
13
Basic Types Part II - Strings, Arrays, Bit Operations, Number and Math Objects
57:15
14
More Math, Arrays, and Functions - Part III
58:48
15
Advanced Arrays, Functions, and Interacting with the DOM
55:09
16
Making Decisions with "if" - Part I
01:02:21
17
Advanced Conditionals and the Switch Statement - Part II
01:02:59
18
Repeating Code and Looping with "for" and "while"
59:17
19
Reusing Code with Functions
01:07:11
20
Advanced Function Concepts - Anonymous Functions, Callbacks and Recursion
51:05
21
Introducing "Objects" Part I - And Other Things That Go Bump in the Night
46:28
22
Objects Part II - Advanced Concepts, Methods, Properties, and Constructors
55:25
23
Using Pre-Written APIs and Objects and Benchmarking with Time and Date Objects
41:26
24
Interfacing to the HTML DOM Part I: Fundamentals, Handlers and Node Manipulation
01:00:21
25
Interfacing to the HTML DOM Part II: Adding Elements and More Event Handlers
40:44
26
Graphics and Animation with the Canvas Part I: Points, Lines, Pixels, Color
01:03:51
27
Graphics and Animation Part II - Understanding Graphics Contexts and Paths
01:04:05
28
Graphics and Animation Part III - Fundamentals of Animation and Basics Physics
54:10
29
Graphics and Animation Part IV - Parallax 3D Star Field and Working with Fonts
47:33
30
Rendering Bitmaps and Sprites: Understanding Bitmap Formats & Graphical Editors
01:08:03
31
Bitmaps and Sprites Part II - Building our Sprite Engine, Sprite Sheets and More
01:08:43
32
Bitmaps and Sprites Part III - Finishing our Sprite Engine & Advanced Animation
59:02
33
Hacking the Keyboard - More sprites, Animation Tools and User Control Schemes
53:15
34
Hacking the Keyboard Part II - Advanced Sprite Character Animation and Effects
49:24
35
Interfacing to the Mouse - Reading the Mouse Position, Buttons and Events
53:41
36
Interfacing to the Mouse Part II - Porting a 3D Game "Raiders-3D" with Mouse
01:03:24
37
Playing Sound FX and Music in JavaScript
43:13
38
Sound Design and Engineering - Adding sound FX and Music to Raiders 3D
39:58
39
Using ChatGPT & LLMs as Coding Assistants - Prompting, Code Generation and Demos
01:10:52
40
Demos of ChatGPT Generated Games - A Preview of What's Possible with ChatGPT/AI
46:02
41
Classic “Pong” Part I - Using Generative AI to Code a Version of "Pong"
31:59
42
Classic “Pong” Part II - Adding Code, Graphics, Sound and Music
54:02
43
Building “Breakout” Part I - Using Generative AI to Code a Version of "Breakout”
25:10
44
Building “Breakout’”Part II - Adding Code, Graphics, Sound and Music
58:49
45
Building “Flappy Bird” Part I - Using Generative AI to Code “Flappy Bird"
30:33
46
Building “Flappy Bird” Part II - Adding Code, Graphics, Sound and Music
01:03:46
47
Building “Snake” Part I - Using Generative AI to Code a Version of "Snake"
22:59
48
Building “Snake” Part II - Adding Code, Graphics, Sound and Music
01:02:54
49
Building "Space Invaders" Part I - Using Generative AI to Code "Space Invaders"
37:02
50
Building “Space Invaders” Part II - Adding Code, Graphics, Sound and Music
01:14:28
51
Building "Blackjack" Part I - Using Generative AI to Code "Blackjack"
36:00
52
Building “Blackjack” Part II - Adding Code, Graphics, Sound and Music
35:39
53
Retro Rift - Epilog and AI Musings - ChatGPT Builds its own Game
22:21
54
Using ChatGPT and Dall-e to Generate Pixel Art
30:16
Unlock unlimited learning

Get instant access to all 53 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription