Coding Challenge #6: Mitosis Simulation with p5.js

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


Duration: 25:51
216,538 views
2,878

In this viewer submitted coding challenge, I program a cellular mitosis simulation in p5.js. Code: https://thecodingtrain.com/challenges/6-mitosis-simulation

🕹ī¸ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/K_ABj0cCt

đŸŽĨ Previous video: https://youtu.be/biN3v3ef-Y0?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
đŸŽĨ Next video: https://youtu.be/l8SiJ-RmeHU?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
đŸŽĨ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

Live Stream Archive:
🔴 Coding Train Live 33: https://youtu.be/WpUnYfVmKdA?t=4390s

Related Coding Challenges:
🚂 #36 Blobby!: https://youtu.be/rX5p-QRP6R4

Timestamps:
00:00 Welcome to the challenge!
00:56 Create a Cell constructor
03:01 Create a cell
04:05 Move the cell randomly
05:25 Change the appearance of the cell
06:06 Create an array of cells
08:15 Handling mouse press
11:27 Splitting the cell into two
13:49 Allowing optional constructor arguments
16:07 Split the cells and add them to the array
17:01 Error! Copying object references
19:48 Add transparency to cells
20:15 Error! Looping backwards
21:37 Delete the original cell during mitosis
22:22 Add random offset to position

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

#mitosis #simulation #p5js



Other Videos By The Coding Train


2016-05-03Coding Train Live 37: 3D Terrain Generation
2016-05-03Coding Train Live 36: Git and GitHub Tutorials - Overview of Git in Terminal
2016-05-02Coding Challenge #10.1: Maze Generator with p5.js - Part 1
2016-05-02Coding Challenge #10.3: Maze Generator with p5.js - Part 3
2016-05-02Coding Challenge #10.2: Maze Generator with p5.js - Part 2
2016-05-02Coding Challenge #10.4: Maze Generator with p5.js - Part 4
2016-05-02Coding Challenge #9: Solar System in Processing - Part 3 (3D textures)
2016-05-02Coding Challenge #8: Solar System in Processing - Part 2 (3D)
2016-04-29Coding Train Live 35: 3D Solar System and Maze Generator
2016-04-28Coding Challenge #7: Solar System in Processing - Part 1 (2D)
2016-04-27Coding Challenge #6: Mitosis Simulation with p5.js
2016-04-26Coding Challenge #5: Space Invaders in JavaScript with p5.js
2016-04-25Coding Challenge #4: Purple Rain in Processing
2016-04-241.4: GitHub Issues - Git and GitHub for Poets
2016-04-231.3: Forks and Pull Requests - Git and GitHub for Poets
2016-04-22Coding Train Live 34: Git and GitHub Tutorials + Purple Rain and Solar System
2016-04-22Coding Train Live 33: Space Invaders and Mitosis Simulation
2016-04-20Coding Challenge #3: The Snake Game
2016-04-191.2: Branches - Git and GitHub for Poets
2016-04-191.1: Introduction - Git and GitHub for Poets
2016-04-19Coding Train Live 32: Git and GitHub Tutorial and the Snake Game


Tags:
p5
challenge
p5.js
coding
js
javascript (programming language)
javascript
mitosis
simulation
tutorial
p5js
html (programming language)
document object model (api)
dom
programming
creative coding
processing (programming language)
coding challenge
oop
object oriented
object oriented programming
html
html5
canvas
p5 js
html5 canvas