Coding Challenge #72: Frogger - Part 3

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







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.