Coding Challenge #72: Frogger - Part 3

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


Game:
Frogger (1981)
Duration: 24:52
35,332 views
639

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 1: https://youtu.be/giXV6xErw0Y
πŸ“Ί Part 2 - Add cars: https://youtu.be/06-ZvYmSeus
πŸ“Ί 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=6219s

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 Part 3 - Add additional elements of Frogger
0:56 Have cars move in both directions
2:40 Add a safety lane
3:28 Add a Log class that extends the Car class
10:22 Check if the frog is on a log
11:53 Attach the frog to the log when the frog intersects the log
17:08 Add the ability to detach frog from log
19:53 Constrain the frog to the window
23:00 Conclusion and suggesions for variations

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-20Code Dictation Experiments and Bike Accident Update
2017-07-07Hello again! (Update on bike accident)
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


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.