Coding Challenge 102: 2D Water Ripple

In this coding challenge, I attempt to simulate 2D water ripples using Processing (Java). Code: https://thecodingtrain.com/challenges...

🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/s...

🎥 Previous video: Coding Challenge #101: May the 4th Sc...
🎥 Next video: Coding Challenge #103: Fire Effect
🎥 All videos: Coding Challenges

References:
📓 2D Water: https://web.archive.org/web/201604180...
💾 Processing: http://processing.org

Videos:
🎥 Cellular Automata: 7.1: Cellular Automata - The Nature o...
🔴 Livestream Archive: Live Stream #135: May 4th Challenge +...

Related Coding Challenges:
🚂 #24 Perlin Noise Flow Field: Coding Challenge #24: Perlin Noise Fl...
🚂 #85 The Game of Life: Coding Challenge #85: The Game of Life
🚂 #103 Fire Effect: Coding Challenge #103: Fire Effect

Timestamps:
0:00 Introduction
0:54 2D water ripples algorithm
1:38 Let's Code
2:14 Create a 2D Array
5:08 Find new current pixel value
7:54 Display new pixel value
9:31 Initialize array
10:06 Swap buffers
12:16 Add dampening
12:54 Correction: subtract current value
13:56 Add mousePressed
15:51 Add mouseDragged

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

🚂 Website: http://thecodingtrain.com/
👾 Share Your Creation! https://thecodingtrain.com/guides/pas...
🚩 Suggest Topics: https://github.com/CodingTrain/Sugges...
💡 GitHub: https://github.com/CodingTrain
💬 Discord: https://thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
🖋️ Twitter: Twitter: thecodingtrain
📸 Instagram: Instagram: the.coding.train

🎥 Coding Challenges: Coding Challenges
🎥 Intro to Programming: Start learning here!

🔗 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-o...

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

#2dwaterripple #cellularautomata #processing

• #education
• #programming
• #daniel_shiffman
• #creative_coding
• #coding_challenge
• #tutorial
• #coding
• #challenges
• #coding_train
• #the_coding_train
• #live_stream
• #class
• #challenge
• #codingtrain
• #code_challenge
• #2d_water
• #2d_water_ripple
• #2d_water_simulation
• #2d_water_effect
• #2d_water_processing
• #2d_water_algorithm