Coding Challenge #41: Clappy Bird!

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


Duration: 18:36
92,696 views
1,559

Sure, flappy bird is fun, but what happens if we take away the button and control the bird with clapping! Yes, it's time for Clappy Bird! Code: https://thecodingtrain.com/challenges/41-clappy-bird

πŸ•ΉοΈ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/tL29haKoC

πŸŽ₯ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
πŸ”Š p5.sound: https://p5js.org/reference/#/libraries/p5.sound
πŸ—’οΈ p5.AudioIn: https://p5js.org/reference/#/p5.AudioIn

Related Coding Challenges:
πŸš‚ #31 Flappy Bird: https://youtu.be/cXgA1d_E-jY
πŸš‚ #147 Chrome Dinosaur Game: https://youtu.be/l0HoJHc-63Q
πŸš‚ #100 Neuroevolution Flappy Bird: https://youtu.be/c6y21FkaUqw

Timestamps:
0:00 Welcome!
0:34 About the positioning of the pipes
2:10 Implementing spacing to the pipe object
3:35 Moving the center of the space between the pipes to a random location
7:05 Adding a random spacing
8:03 Implementing sound interaction
11:31 Adjusting the threshold with a slider
14:21 Adding another threshold to apply the force only once
17:02 Testing the clappy bird!
17:50 Come up with your own ideas!

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

#flappybird #gamedevelopment #clappybird #javascript #p5js



Other Videos By The Coding Train


2016-10-297.3: Context-Free Grammar with RiTa.js - Programming with Text
2016-10-287.2: Context-Free Grammar with Tracery - Programming with Text
2016-10-277.1: Intro to Session 7: Context-Free Grammar - Programming with Text
2016-10-26Live Stream #65: Session 7 - Programming from A to Z
2016-10-266.2: Homework Assignment Session 6 - Programming with Text
2016-10-25Coding Challenge #42: Markov Chains - Part 2
2016-10-24Coding Challenge #42: Markov Chains - Part 1
2016-10-226.1: Intro to Session 6: Markov Chains - Programming with Text
2016-10-21Live Stream #64: Session 6 - Programming from A to Z
2016-10-21Q&A #6: p5.js Sketch as Background
2016-10-20Coding Challenge #41: Clappy Bird!
2016-10-1917.11: Sound Visualization: Frequency Analysis with FFT - p5.js Sound Tutorial
2016-10-1817.10: Sound Visualization: Radial Graph - p5.js Sound Tutorial
2016-10-1717.9: Sound Visualization: Graphing Amplitude - p5.js Sound Tutorial
2016-10-1717.8: Microphone Input - p5.js Sound Tutorial
2016-10-15Live Stream #63: Sound in p5.js Continued + Q&A
2016-10-14Live Stream #62: Week 5 of Programming from A to Z
2016-10-135.3: Homework Assignment Week 5 - Programming with Text
2016-10-12Coding Challenge #40.3: TF-IDF
2016-10-11Accessibility with Claire Kearney-Volpe and Chancey Fleet
2016-10-11Coding Challenge #40.2: Word Counter in Processing


Tags:
flappy
bird
p5.js
p5js
creative coding
javascript
tutorial
coding challenge
p5 js
flappy bird
coding
challenge
flappy bird challenge
flappy bird javascript
flappy bird clone
web flappy bird code
how to program flappy bird
sound
play
p5.js sound library
p5.js audio
javascript audio
javascript sound
javascript audio tutorial
microphone web browser
microphone p5.js
sound input
clappy bird
sound reactive game
flappy bird sound
audio responsive game