CF

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

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

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

Related courses

Frequently asked questions

What prior knowledge is required before taking this course?
The course is designed to accommodate learners from all backgrounds, including complete beginners. It starts with the basics of HTML5 and CSS, progressing through JavaScript fundamentals before moving on to more advanced topics. There are no specific prerequisites, but familiarity with basic computer operations and internet browsing can be helpful.
What kinds of projects will I build during the course?
Throughout the course, you will build several classic games using JavaScript and AI. Projects include versions of 'Pong', 'Breakout', 'Flappy Bird', 'Snake', 'Space Invaders', and 'Blackjack'. These projects involve coding the games from scratch, adding graphics, sound, and music, and utilizing generative AI for assistance.
Who is this course intended for?
This course is suitable for anyone interested in game development, whether they are complete beginners or experienced programmers. It caters to learners who want to explore HTML5, CSS, JavaScript, and generative AI in the context of creating interactive games.
How does this course compare to other game development courses?
Unlike many game development courses, this one integrates the use of generative AI tools, such as ChatGPT, to assist in building games. It covers a wide range of topics from HTML5 and CSS to advanced JavaScript concepts and game-specific technologies, providing a broad foundation in both web and game development.
What specific tools and platforms will I learn to use?
The course covers the use of HTML5 Canvas for graphics, JavaScript for game logic, and generative AI tools like ChatGPT for code generation and assistance. You will also learn about sound design and incorporating music and sound effects into your projects.
What topics are not covered in this course?
The course does not cover advanced server-side programming, database management, or mobile app development. It focuses primarily on client-side technologies and game development using JavaScript and AI tools.
How much time should I expect to commit to this course?
The course consists of 54 lessons. While the exact runtime isn't specified, learners should expect to dedicate a significant amount of time to both the lessons and the hands-on projects. The self-paced nature allows students to progress according to their own schedules.