• Sunday , 18 August 2019

1.1: Introduction – p5.js Tutorial

Code Canyon



In this video, I talk about p5.js. What is it? What can you do with it? Where did it come from? What is its relationship with Processing? p5.js is both a library for JavaScript and a beginner-friendly editor where you can build creative computational projects in the browser. It can be used for art, data visualization, and websites alongside other tools like HTML5, CSS and JavaScript.

Next video:https://youtu.be/D1ELEeIs0j8?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

Support this channel on Patreon: https://patreon.com/codingtrain

Contact: https://twitter.com/shiffman

Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics

Link to code on Github: https://github.com/CodingTrain/Rainbow-Code

p5.js: http://p5js.org
Processing: http://processing.org
Processing Foundation: https://processingfoundation.org/

For More p5.js Basics Videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

Help us caption & translate this video!

http://amara.org/v/HCxe/

Original source

3d Ocean

Related Posts

24 Comments

  1. Lucius Cornelius Scipio
    April 19, 2019 at 05:00

    to anyone having trouble with the download, on the http://p5js.org/download/ page, scroll down to the bottom, where is says Older releases / changelog p5, editor, and click editor, then click p5-win.zip to download the windows version of p5.js

  2. Random Generator
    April 19, 2019 at 05:00

    1:45
    You can learn how to play the violin
    that is a wonderful thing.
    How genius, it rhymes. You are a great teacher!! 🙂

  3. Ghazi Ahmed
    April 19, 2019 at 05:00

    should we first learn Javascript or Html5 please reply anyone

  4. Jonas LP
    April 19, 2019 at 05:00

    @The Coding Train
    If you run an application in the web, everyone can copy your code.
    If you use java or other languages instead, the can't (not as easy)

  5. Aviad Lampert
    April 19, 2019 at 05:00

    Is there anything like it but for python?

  6. Jake walter
    April 19, 2019 at 05:00

    3:40 FBI OPEN UP

  7. Technical YADAV
    April 19, 2019 at 05:00

    How to download p5 .Js application

  8. Her 5 kişiden biri
    April 19, 2019 at 05:00

    This is most glorius think I saw

  9. HawkEyeMonkey
    April 19, 2019 at 05:00

    This is amazing!

  10. ferreira hornay
    April 19, 2019 at 05:00

    can you make vidio how to instal p5.js in windows??

  11. Vasily Kalugin
    April 19, 2019 at 05:00

    p5.js and typescript, I built this project https://code.msdn.microsoft.com/windowsapps/p5JS-with-TypeScript-171eeca7

  12. Патау Додик
    April 19, 2019 at 05:00

    я патау

  13. codé Facil
    April 19, 2019 at 05:00

    image quality not very good. improve it

  14. codé Facil
    April 19, 2019 at 05:00

    to who do you say i'm recording? hahahahahah 🙂 great

  15. radfire
    April 19, 2019 at 05:00

    Sir..your way of Explaining js stuff is like a very well experienced coder..which is umm .Super cool ..what are you really?? a coder or a lecturer???

  16. Denis STRYSZYK
    April 19, 2019 at 05:00

    Hi, did you already try to play with FPGA's?

  17. mikej747
    April 19, 2019 at 05:00

    Get to the point!

  18. Zeeshan Shahbaz
    April 19, 2019 at 05:00

    Amazing

  19. mohammad moh
    April 19, 2019 at 05:00

    Where is Arabic language?

  20. Nil B.
    April 19, 2019 at 05:00

    Damn, you're the greatest teacher for lifeless creatures like me.
    I never had a clue such a thing (p5.js) existed.
    ~Thank you so much.

  21. erin clay
    April 19, 2019 at 05:00

    lol dude is goofy af. fun stuff!

  22. Mike Sevik
    April 19, 2019 at 05:00

    hahaha… very funny. Thanks for the video!

  23. rahmatullah mat
    April 19, 2019 at 05:00

    please translate indonesian

  24. God Makoto
    April 19, 2019 at 05:00

    function YouTube video (){
    Get high (100%)
    }
    window.onload = function(){
    Youtube video();
    }

Leave A Comment

You must be logged in to post a comment.