Coding Challenge 179: Elementary Cellular Automata

The Coding Train · Beginner ·🌐 Frontend Engineering ·2y ago

About this lesson

How is nature hidden in a pile of 0s and 1s? Let's find out by coding a p5.js visualization of the Wolfram Elementary Cellular Automaton! Code: https://thecodingtrain.com/challenges/179-wolfram-ca 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-wolfram-elementary-ca p5.js Web Editor Sketches: 🕹️ Wolfram Cellular Automata: https://editor.p5js.org/codingtrain/sketches/IE77UYZ-G 🕹️ Wolfram CA with color: https://editor.p5js.org/codingtrain/sketches/1w8yOaaDS 🕹️ Wolfram CA infinite scroll: https://editor.p5js.org/codingtrain/sketches/u6ALWY0Kt 🕹️ 3D Grid: https://editor.p5js.org/codingtrain/sketches/m4XoXiWOa 🎥 Previous: https://youtu.be/rVBTxnRyOuE?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 🔗 A New Kind of Science: https://www.wolframscience.com/nks/ 🔗 Elementary Cellular Automaton: https://mathworld.wolfram.com/ElementaryCellularAutomaton.html 🔗 Pre-Order Nature of Code: https://nostarch.com/nature-code 🔗 The Nature of Code: https://natureofcode.com Related Coding Challenges: 🚂 85 The Game of Life: https://youtu.be/FWSR_7kZuYg 🚂 123 Chaos Game: https://youtu.be/7gNzMtYo9n4 🚂 119 Binary to Decimal Conversion: https://youtu.be/meGcdIoTYgw Timestamps: 0:00 Hello! 2:09 What is an elementary cellular automata? 5:41 Explaining the rulesets 7:52 Calculating the next generation. 10:35 Visualizing the CA 14:25 Rule 90 16:45 Wolfram Classification. 19:19 Adding wrap-around 20:37 Suggestions for variations! 21:07 Goodbye! Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: https://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

Original Description

How is nature hidden in a pile of 0s and 1s? Let's find out by coding a p5.js visualization of the Wolfram Elementary Cellular Automaton! Code: https://thecodingtrain.com/challenges/179-wolfram-ca 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-wolfram-elementary-ca p5.js Web Editor Sketches: 🕹️ Wolfram Cellular Automata: https://editor.p5js.org/codingtrain/sketches/IE77UYZ-G 🕹️ Wolfram CA with color: https://editor.p5js.org/codingtrain/sketches/1w8yOaaDS 🕹️ Wolfram CA infinite scroll: https://editor.p5js.org/codingtrain/sketches/u6ALWY0Kt 🕹️ 3D Grid: https://editor.p5js.org/codingtrain/sketches/m4XoXiWOa 🎥 Previous: https://youtu.be/rVBTxnRyOuE?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 🔗 A New Kind of Science: https://www.wolframscience.com/nks/ 🔗 Elementary Cellular Automaton: https://mathworld.wolfram.com/ElementaryCellularAutomaton.html 🔗 Pre-Order Nature of Code: https://nostarch.com/nature-code 🔗 The Nature of Code: https://natureofcode.com Related Coding Challenges: 🚂 85 The Game of Life: https://youtu.be/FWSR_7kZuYg 🚂 123 Chaos Game: https://youtu.be/7gNzMtYo9n4 🚂 119 Binary to Decimal Conversion: https://youtu.be/meGcdIoTYgw Timestamps: 0:00 Hello! 2:09 What is an elementary cellular automata? 5:41 Explaining the rulesets 7:52 Calculating the next generation. 10:35 Visualizing the CA 14:25 Rule 90 16:45 Wolfram Classification. 19:19 Adding wrap-around 20:37 Suggestions for variations! 21:07 Goodbye! Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: https://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

Watch on YouTube ↗ (saves to browser)

Sign in to unlock AI tutor explanation · ⚡30

Related Reads

I built 42 landing page templates as single HTML files (no npm, no build step)

Learn how to create simple landing page templates as single HTML files without relying on npm or build steps, and why this approach matters for efficient web development

Dev.to · Segcam spa

Part 7B — Section 2 — React Event Handling Explained: Forms, Event Object & User Input.

Learn React event handling for forms and user input to improve your frontend skills

Medium · JavaScript

Stop Using window.resize for Everything: A Practical Guide to the ResizeObserver API

Learn to replace window.resize with the ResizeObserver API for more efficient and effective resize event handling

Medium · JavaScript

Rendering Lists and Handling Events

Learn to render lists and handle events in web development to create interactive user interfaces

Dev.to · Silas

Chapters (10)

Hello!

2:09 What is an elementary cellular automata?

5:41 Explaining the rulesets

7:52 Calculating the next generation.

10:35 Visualizing the CA

14:25 Rule 90

16:45 Wolfram Classification.

19:19 Adding wrap-around

20:37 Suggestions for variations!

21:07 Goodbye!

Elementor Angie Ai Plugin Tutorial

Quick Tips - Web Desiign & Ai Tools