Live Stream #150: Coding for Total Beginners with p5.js + Snake Game Redux -

Live Stream #150: Coding for Total Beginners with p5.js + Snake Game Redux

The Coding Train
Views: 43835
Like: 919
Back to school! New beginner p5.js tutorials. Plus: Snake Game Revisited

35:44 – Coding for Beginners
1:12:12 – p5.js Web Editor
1:26:56 – Shapes & Drawing
1:59:45 – Color
2:21:26 – Errors & Console
2:30:02 – Code Comments
2:45:00 – Snake Game Redux

🔗 p5.js Web Editor:
🔗 Processing Foundation:
🔗 Processing (Java):
🔗 Hello p5.js Web Editor!:

🎥 Game of Life:
🎥 Announcing p5.js Web Editor:
🎥 p5.js Web Editor with Cassie Tarakajian:
🎥 Accessibility in the p5.js Web Editor with Mathura Govindarajan:
🎥 Coding Challenge #3: Snake Game:
🎥 ES6 Classes:

🚂 Website:
💖 Patreon:
🛒 Store:
📚 Book recommendations:


🎥 Beginners:
🎥 Live Streams:
🎥 Coding Challenges:


📄 Code of Conduct:


  1. You're both good and annoying at the same time

  2. 22222222222222222222222222222222222222222222222222222222And 2aa2222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222

  3. thanks dan and the CT team for the content. RIP

  4. Oh god, the title… Someone shoot me please…

  5. hi! could you point, why I getting the error message
    "Uncaught TypeError: Cannot read property 'length' of undefined (snake: line 51)" if syntax is correct.

    eat(pos) {
    let x = this.body[this.body.length-1].x; <—error line
    let y = this.body[this.body.length-1].y;
    if (x == pos.x && y == pos.y) {
    return true;
    return false;

  6. The bright yellow background probably has a touch too much neon, it's really bright.

  7. The first video that i viewed in your channel was snake coding challenge. Thank you for all of your challenges and other staff.

  8. Please return to machine learning ! No more beginner staff …..

  9. hello how to use camera as background in my app

  10. hhhhhhhhhhhhhhhhh what hepen with u today no sound mmmmm Sleepless nights with coding ^_^ ^_^ ^_^

  11. Oh right, back to school is a thing 🙂 finally finished school, so I still got vacation until 2018-10-01, when university starts

  12. Aw, he committed suicide? That's the worst kind of death 🙁

  13. Please don't do too much machine learning this year 🙂 I really like your graphics stuff. Maybe you could get into GLSL with Shadertoy

  14. i dont understand why if i change the rect's x and y value while rectMode(CENTER); is active,, it moves. shouldn't rectMode(CENTER); keep it in the center regardless of if i change the x and y value of rect?

  15. hmmmmm I think as a middle school CS teacher i really need to watch all of this 😀

  16. At my uni (Goldsmiths, University of London) we use p5.js in first year and as our end of year project we have to make some sort of game/music app/picture editing app and I remember a lot of people making a snake game so maybe this sort of thing happens at a lot of universities and that’s where the views come from 🙂

  17. The p5js web editor site is down or is it Just ME?

  18. I'm so sorry for commenting "DAB DAB DAB DAB FOR YOUR DEAD FRIEND!" on the livestreams.

  19. The content is good as always, and so is your teaching. But what I found really amazing is the simple, yet moving, homage you paid to Merijn. You had no obligation, yet you did it. And it felt real. Your, Sir, are a really good person.

  20. Thank you for returning to the Coding Rainbow format! Imagine if LeVar Burton read War & Peace on Reading Rainbow. That's what watching machine learning videos has been like for me*. *not a representative of the whole.

  21. Where to get the new background? 😀

  22. Hello! So when i tried to run the code, it showed the that snake = new snake() ; isn't a constructor. How can I fix it? Loved the video!

Leave a Reply

Your email address will not be published.