Coding Challenge #147: Chrome Dinosaur Game (with Speech Commands machine learning model!)
5,083In this challenge, I attempt to make my own version of Google’s Dinosaur Game (T-Rex run!) with a unique twist – controlling the dinosaur (unicorn, in this case) with a machine learning Speech Commands model! Code: https://thecodingtrain.com/challenges/147-chrome-dinosaur-game
🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/aMNxuhdO6
🎥 Previous video: https://youtu.be/vYgIKn7iDH8?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Next video: https://youtu.be/YNyULRrydVI?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
References:
💻 ml5 soundClassifier: https://learn.ml5js.org/#/reference/sound-classifier
💻 p5.collide2D: https://github.com/bmoren/p5.collide2D
💻 jsDelivr: https://www.jsdelivr.com/
Videos:
🎥 ml5.js Sound Classification: https://youtu.be/cO4UP2dX944
🔴 Livestream Archive: https://youtu.be/eRy3j1Alzko
Related Coding Challenges:
🚂 #41 Clappy Bird: https://youtu.be/aKiyCeIuwn4
🚂 #31 Flappy Bird: https://youtu.be/cXgA1d_E-jY
🚂 #138 Angry Birds with Matter.js: https://youtu.be/TDQzoe9nslY
Timestamps:
0:00 Introduction
0:56 Unicorn class
3:05 Jump and move
4:14 Add gravity
6:30 Add images
8:05 Add train obstacles
13:24 Add collision detection
18:40 Add speech commands
20:45 soundClassifier.classify()
23:08 Change collision detection to circles
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://discord.gg/hPuGy2g
💖 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
#chromedinosaurgame #machinelearning #soundclassification #speechcommands #p5js #ml5js