Coding Challenge 102: 2D Water Ripple
124.7 هزار بار بازدید -
6 سال پیش
-
In this coding challenge, I
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
🕹️ 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
6 سال پیش
در تاریخ 1397/02/17 منتشر شده
است.
124,748
بـار بازدید شده