Coding Challenge #72: Frogger - Part 1

Channel:
United States The Coding Train
Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=giXV6xErw0Y


Game:
Frogger (1981)
Duration: 23:04
92,704 views
1,405

In this multi-part challenge, I create a simplified version of the classic Atari video game Frogger in Processing (Java). Code: https://thecodingtrain.com/challenges/72-frogger

💻 Github Repo: https://github.com/CodingTrain/Frogger

p5.js Web Editor Sketches:
🕹️ Frogger: https://editor.p5js.org/codingtrain/sketches/crMMFw8vD
🕹️ Frogger - Refactored: https://editor.p5js.org/codingtrain/sketches/C8gqXQ3Qd

Other Parts of this Challenge:
📺 Part 2 - Add cars: https://youtu.be/06-ZvYmSeus
📺 Part 3 - Add additional elements of Frogger: https://youtu.be/hk326ZHlENQ
📺 Part 4 - Refactoring the code: https://youtu.be/c6WdJltqEtM

🎥 Previous video: https://youtu.be/LFU5ZlrR21E?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🌐 Frogger on Wikipedia: https://en.wikipedia.org/wiki/Frogger

Videos:
🎥 Video of the Gameplay: https://youtu.be/l9eTOaNFwKQ
🎥 Video Games track: https://thecodingtrain.com/tracks/games
🔴 Coding Train Live 96: https://youtu.be/7BdfPG3peP4?t=1547s

Related Coding Challenges:
🚂 #3 The Snake Game: https://youtu.be/AaGK-fj-BAM
🚂 #46 Asteroids: https://youtu.be/hacZU523FyM
🚂 #67 Pong!: https://youtu.be/IIrC5Qcb2G4
🚂 #71 Minesweeper: https://youtu.be/LFU5ZlrR21E
🚂 #91 Snakes & Ladders: https://youtu.be/JrRO3OnWs5s
🚂 #115 Snake Game Redux: https://youtu.be/OMoVcohRgZA

Timestamps:
0:00 Introducing today's topic: the classic arcade game Frogger
1:43 What do we need to program Frogger?
4:07 Make a Rectangle class
5:36 Write a function that tests whether two rectangles are intersecting
9:34 Use inheritance to make a frog object that extends the Rectangle class
11:29 Use the "super" key word to initialize the inherited values
15:54 Write a function to move the frog
22:41 Conclusion and next steps

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: http://thecodingtrain.com/
👾 Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box
💡 GitHub: https://github.com/CodingTrain
💬 Discord: https://thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
🖋️ Twitter: https://twitter.com/thecodingtrain
📸 Instagram: https://www.instagram.com/the.coding.train/

🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: https://p5js.org
🔗 p5.js Web Editor: https://editor.p5js.org/
🔗 Processing: https://processing.org

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new

#gamemechanics #froggeratari #inheritance #processing



Other Videos By The Coding Train


2017-07-0310.7: Neural Networks: Matrix Math Part 2 - The Nature of Code
2017-07-0210.6: Neural Networks: Matrix Math Part 1 - The Nature of Code
2017-06-3010.5: Neural Networks: Multilayer Perceptron Part 2 - The Nature of Code
2017-06-2710.4: Neural Networks: Multilayer Perceptron Part 1 - The Nature of Code
2017-06-2610.1: Introduction to Neural Networks - The Nature of Code
2017-06-24Coding Train Live 98: Starting Series on Neural Networks
2017-06-20Coding Challenge #72: Frogger Refactoring
2017-06-1910.3: Neural Networks: Perceptron Part 2 - The Nature of Code
2017-06-16Coding Challenge #72: Frogger - Part 3
2017-06-15Coding Challenge #72: Frogger - Part 2
2017-06-14Coding Challenge #72: Frogger - Part 1
2017-06-13Live Stream #97: Perceptron Follow-up and Frogger Refactoring
2017-06-09Live Stream #96: Frogger
2017-06-0810.2: Neural Networks: Perceptron Part 1 - The Nature of Code
2017-06-053.5: Mathematics of Gradient Descent - Intelligence and Learning
2017-06-03Coding Train Live 95: End of Session 3 + Start of Session 4 of "Intelligence and Learning"
2017-05-313.4: Linear Regression with Gradient Descent - Intelligence and Learning
2017-05-303.3: Linear Regression with Ordinary Least Squares Part 2 - Intelligence and Learning
2017-05-293.2: Linear Regression with Ordinary Least Squares Part 1 - Intelligence and Learning
2017-05-27Coding Train Live 94: Session 3 of “Intelligence and Learning” - Part 3
2017-05-25Coding Train Live 93: Session 3 of “Intelligence and Learning” Continued


Tags:
live
programming
daniel shiffman
creative coding
coding challenge
tutorial
coding
challenges
coding train
the coding train
live stream
itp
itp nyu
frogger
frogger processing
frogger coding challenge
simple frogger
frogger Java
Processing Java frogger
game frogger
code
processing
processing tutorial
programming challenge
game mechanics
simple game
frogger atari
frogger atari processing


Other Statistics

Frogger Statistics For The Coding Train

At present, The Coding Train has 203,726 views spread across 4 videos for Frogger, and about an hours worth of Frogger videos were uploaded to his channel. This is less than 0.17% of the total video content that The Coding Train has uploaded to YouTube.