Applet Orchard

1.1: Introduction – p5.js Tutorial

[ad_1]
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:

Support this channel on Patreon:

Contact:

Send me your questions and coding challenges!:

Link to code on Github:

p5.js:
Processing:
Processing Foundation:

For More p5.js Basics Videos:

Help us caption & translate this video!

Posted

in

by

appletorchard

Tags:

Comments

40 responses to “1.1: Introduction – p5.js Tutorial”

  1. Apoorv Patne Avatar
    Apoorv Patne

    Don't ever stop these tutorials! You're a genius. 😀

    Reply
  2. GamingNonstopTuber Avatar
    GamingNonstopTuber

    How can i use it on windows ?? :-/

    Reply
  3. thinkbottom Avatar
    thinkbottom

    watch at 1.5 speed and live happily

    Reply
  4. LowFat ChickenFat Avatar
    LowFat ChickenFat

    What's the difference between Python and p5?

    Reply
  5. Sovannara Pov Avatar
    Sovannara Pov

    I can not find this application. It just shows the library download files. Please help!

    Reply
  6. Aravind M Avatar
    Aravind M

    p5 editor link please

    Reply
  7. 100% sure Avatar
    100% sure

    who r the 28 mother**

    Reply
  8. Sean Lamb Avatar
    Sean Lamb

    is it just me or is there no sound on his earlier videos?

    Reply
  9. Brandon Bahret Avatar
    Brandon Bahret

    Thanks for this video series. It helped me learn the basics of p5.js yesterday.

    Check out what I managed to make in my first day actually following along!
    https://github.com/BrandonBahret/OrbitGame

    I've watched your videos for a while but didn't actually follow along with the tutorials. Yesterday was the first time I actually used p5.

    Reply
  10. Sonny Marinho Avatar
    Sonny Marinho

    Thanks for your video!

    Reply
  11. Nilesh Hingu Avatar
    Nilesh Hingu

    Your Awesome.

    Reply
  12. R1S8K Avatar
    R1S8K

    How to download and run this software I couldn't from the official p5.js website? It gives me 500kb folder??!

    Reply
  13. Brijesh Kumar Avatar
    Brijesh Kumar

    Well the only thing that I can say is, this is one of the most interesting topics to learn and the way you teach is more interesting than the topic itself.I have never learned anything in such a super fast speed.Thanks to you, sir. You made it possible.
    I created this in a week after i started watching your videos ==> http://kumarbrijesh.com/music/

    Reply
  14. Ad Ram Avatar
    Ad Ram

    You're the best.

    Reply
  15. Nombre Apellidos Avatar
    Nombre Apellidos

    I like your videos but… This is not real Javascript you just type pre-built functions of p5

    Reply
  16. Raunak Shrivastava Avatar
    Raunak Shrivastava

    i am a windows 10 user , downloaded the p5.zip file ! please provide me the further steps of installation. I am stuck with 2 .js files and one DS_STORE file !
    #FanFromIndia

    Reply
  17. jithin varghese Avatar
    jithin varghese

    thanks to the best instructor I have ever seen..

    Reply
  18. J Michael B Avatar
    J Michael B

    Is Sublime Text similar to p5 or are they two completely different things???

    Reply
  19. Harkamal Saran Avatar
    Harkamal Saran

    Hey @TheCodingTrain , where can I download the editor?

    Reply
  20. JackPotGaming Avatar
    JackPotGaming

    Java isn't quite my cup of tea (or java coffe, i guess), lua reigns above all.

    Reply
  21. nexusbug Avatar
    nexusbug

    I appreciate your service and contribution Daniel, thank you very much

    Reply
  22. The97gtrs Avatar
    The97gtrs

    I don't want to download it, so I'm going to hit ok… seems legit.

    Reply
  23. maikel pimentel Avatar
    maikel pimentel

    How can I use a SVG shape(map) as a canvas? Thanks a lot!

    Reply
  24. Aman Mahendroo Avatar
    Aman Mahendroo

    so I don't need to learn p5.js if I can already code in JavaScript?

    Reply
  25. Amina Khan Avatar
    Amina Khan

    Aahhh I love this guy, he's so funny xD

    Reply
  26. Eroid Avatar
    Eroid

    Does anyone get an error message like so, http://imgur.com/a/z6FcB ? And does anyone know how to fix it?

    Reply
  27. Slang Yung Avatar
    Slang Yung

    I wish I had this guy as a teacher/prof back in the day…

    Reply
  28. Yeong Song Ren Avatar
    Yeong Song Ren

    Hi, thank you for all your tutorials! 😀

    I have a problem running p5.js.
    I am using sublime text 3. My p5.js runs properly in my index.html file.
    But I cant do anything using p5.js in an external javascript file (the js file has all normal javascript codes run properly)

    Could you please suggest some mistakes I might have made in my files?

    Reply
  29. SanCHEneering Avatar
    SanCHEneering

    does anyone know how to load all files in one HTML file?

    Reply
  30. dan thomas Avatar
    dan thomas

    Are u Rachel Maddow's brother?

    Reply
  31. Rishabh Pincha Avatar
    Rishabh Pincha

    How to download for ubuntu ?

    Reply
  32. frea frea Avatar
    frea frea

    How to find p5.js please help me

    Reply
  33. Scott Cardinali Avatar
    Scott Cardinali

    Dude, you are great. I absolutely love seeing things come into fruition instead of just seeing math problems being made with code.

    Thanks!

    Reply
  34. Random Bike Trips Avatar
    Random Bike Trips

    Thank you. You are amazing.

    Reply
  35. Ahmet Özgür Avatar
    Ahmet Özgür

    Normally i check always watch 30 sec. "Hm this is nice, lets put it in to my watch later list" And never watch :d I liked the teacher thanks for it i downloaded p5 and im trying to build something !! God bless

    Reply
  36. Nicolas SCHWIRTZ Avatar
    Nicolas SCHWIRTZ

    Hi Dan thank you so much for being so interesting and funny ! Where have you been all my life ?! it took me 2 years to find you and now i can't stop watching all your videos !

    Reply
  37. Saber Avatar
    Saber

    Hi.. I see you use 0.5.0 in this video.. The newest version 0.6.2 shows way different code coloring.. And its much worse.. How do i change this to use your colors from 0.5.0? Example.. numbers for an ellipse will show in black and not orange like yours.

    Reply
  38. rare Avatar
    rare

    after watching you i also started coding thanks so much

    Reply
  39. Hershel's Sculpting Avatar
    Hershel’s Sculpting

    is there a way to install this on Linux?

    Reply
  40. Hazem Ahmed Avatar
    Hazem Ahmed

    funny you inspired me to learn it and when I searched for tutorials turns out you made some back in the day. My luck!

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *