Patt Vira
Patt Vira
  • 171
  • 296 948
Recap 2024 + FREE LIVE WORKSHOP
Happy New Year, everyone! Wishing you an incredible start to 2025!
I am hosting a free live workshop next Saturday and I hope to see many of you there! But if the timing doesn’t work out, don’t worry-register and I’ll share the recording after the session.
🚀 Link to register: www.pattvira.com/live-workshop
📅 Date: Saturday, January 11, 2025 (4PM GMT / 11AM EST / 8AM PST)
🕙 Agenda:
🔸 Live Coding Tutorial!
🔸 Details on the live online course
🔸 Q&A
Be there, or be square, but I'd rather you be there 😜
--
LET'S CONNECT
✨ Sign up for my newsletter at www.pattvira.com
✨ Instagram: pattvira
✨ Twitter: pattvira
Timestamps:
0:00 Intro
0:19 Recap 2024
4:31 2025 Plans
5:44 Live Workshop Details
Переглядів: 76

Відео

p5.js Coding Tutorial | Snowflakes
Переглядів 1,4 тис.9 годин тому
LET'S CONNECT ✨ Sign up for my newsletter at www.pattvira.com ✨ Instagram: pattvira ✨ Twitter: pattvira Links: 🔗 p5.js editor: editor.p5js.org/ 🔗 Snowflakes Code: editor.p5js.org/pattvira/sketches/z4XMfmYF8 🔗 Introduction to Creative Coding Playlist: ua-cam.com/play/PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn.html&si=XhvQaojd6cIrxvdn 🎄 Holiday playlist: ua-cam.com/play/PL0beHPV...
p5.js Coding Tutorial | Rose-shaped Spiral 🌹
Переглядів 1,1 тис.День тому
LET'S CONNECT ✨ Sign up for my newsletter at www.pattvira.com ✨ Instagram: pattvira ✨ Twitter: pattvira Links: 🔗 p5.js editor: editor.p5js.org/ 🔗 Gradient Spiral Code: editor.p5js.org/pattvira/sketches/l5tTHdKdI 🔗 Introduction to Creative Coding Playlist: ua-cam.com/play/PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn.html&si=XhvQaojd6cIrxvdn References: 🔗 Gorilla Sun's Version: ww...
p5.js Coding Tutorial | Animated Christmas Lights 🎄
Переглядів 1,5 тис.14 днів тому
LET'S CONNECT ✨ Sign up for my newsletter at www.pattvira.com ✨ Instagram: pattvira ✨ Twitter: pattvira Links: 🔗 p5.js editor: editor.p5js.org/ 🔗 Christmas Lights Code: editor.p5js.org/pattvira/sketches/SiYmw8vxC 🔗 Introduction to Creative Coding Playlist: ua-cam.com/play/PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn.html&si=XhvQaojd6cIrxvdn Timestamps: 0:00 Intro 0:19 Create a g...
p5.js Coding Tutorial | Lorenz Attractor
Переглядів 1,7 тис.21 день тому
LET'S CONNECT ✨ Sign up for my newsletter at www.pattvira.com ✨ Instagram: pattvira ✨ Twitter: pattvira Links: 🔗 p5.js editor: editor.p5js.org/ 🔗 Lorenz Attractor Code: editor.p5js.org/pattvira/sketches/Z_xA3H7Go 🔗 Introduction to Creative Coding Playlist: ua-cam.com/play/PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn.html&si=XhvQaojd6cIrxvdn References: 🔗 Wikipedia - Lorenz Syste...
p5.js Coding Tutorial | NileRed Logo (BZ Reaction)
Переглядів 1,8 тис.28 днів тому
LET'S CONNECT ✨ Sign up for my newsletter at www.pattvira.com ✨ Instagram: pattvira ✨ Twitter: pattvira Links: 🔗 p5.js editor: editor.p5js.org/ 🔗 NileRed Logo (BZ Reaction) Code: editor.p5js.org/pattvira/sketches/FxKGvAwEj 🔗 Introduction to Creative Coding Playlist: ua-cam.com/play/PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn.html&si=XhvQaojd6cIrxvdn References: 🔗 @NileRed 's Re...
Holiday Specials Code with Me 🎄🎁 | christmas, lofi hip-hop beats
Переглядів 1 тис.Місяць тому
Hi friends! 🎄 Welcome to the Holiday Specials code with me! Grab your cozy cup of coffee or beverage of choice and hang out with me as I code through the differential line growth algorithm. 🎄 For a full tutorial, check it out here: ua-cam.com/video/1viK2qKuP-Y/v-deo.html Happy Holidays! LET'S CONNECT ✨ Sign up for my newsletter at www.pattvira.com ✨ Instagram: pattvira ✨ Twitter: ...
p5.js Coding Tutorial | Double Pendulum Fractal
Переглядів 1,6 тис.Місяць тому
LET'S CONNECT ✨ Sign up for my newsletter at www.pattvira.com ✨ Instagram: pattvira ✨ Twitter: pattvira Links: 🔗 p5.js editor: editor.p5js.org/ 🔗 Double Pendulum Fractal Code: editor.p5js.org/pattvira/sketches/zFqaC0PLc 🔗 Introduction to Creative Coding Playlist: ua-cam.com/play/PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn.html&si=XhvQaojd6cIrxvdn References: 🔗 Double Pendulum: ...
p5.js Coding Tutorial | Double Pendulum
Переглядів 1,4 тис.Місяць тому
LET'S CONNECT ✨ Sign up for my newsletter at www.pattvira.com ✨ Instagram: pattvira ✨ Twitter: pattvira 🚨 In the diagram, I switched the labeling locations for x and y (for both x1/y1 and x2/y2), but the trigonometric equations are correct! Links: 🔗 p5.js editor: editor.p5js.org/ 🔗 Double Pendulum Code: editor.p5js.org/pattvira/sketches/vHZ9pCIqZ 🔗 Introduction to Crea...
p5.js Coding Tutorial | Oscillating Wave Pattern (in 3D)
Переглядів 1,4 тис.Місяць тому
LET'S CONNECT ✨ Sign up for my newsletter at www.pattvira.com ✨ Instagram: pattvira ✨ Twitter: pattvira Links: 🔗 p5.js editor: editor.p5js.org/ 🔗 Robot Oscillating Waves (3D) Code: editor.p5js.org/pattvira/sketches/MrusyEiBe 🔗 Introduction to Creative Coding Playlist: ua-cam.com/play/PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn.html&si=XhvQaojd6cIrxvdn References: 🔗 Oscillating ...
p5.js Coding Tutorial | Oscillating Wave Pattern (in 2D)
Переглядів 1,8 тис.Місяць тому
LET'S CONNECT ✨ Sign up for my newsletter at www.pattvira.com ✨ Instagram: pattvira ✨ Twitter: pattvira Links: 🔗 p5.js editor: editor.p5js.org/ 🔗 Oscillating Wave Pattern (2D) Code: editor.p5js.org/pattvira/sketches/CJMubeF9M 🔗 Introduction to Creative Coding Playlist: ua-cam.com/play/PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn.html&si=XhvQaojd6cIrxvdn References: 🔗 ml5.js 1.0 ...
Arduino 101 | Episode 2: Read and Write Digital & Analog Signals
Переглядів 852Місяць тому
In this second episode, we're diving deeper into the world of sensors by introducing a button and a potentiometer! We'll explore how to read and write both digital and analog signals, expanding on what we learned about controlling an LED in the first episode. Digital signals are straightforward on/off switches, while analog signals offer a range of values that can be used to create more nuanced...
p5.js Coding Tutorial | Interactive Dandelion (with ml5.js - faceMesh)
Переглядів 1,9 тис.Місяць тому
LET'S CONNECT ✨ Sign up for my newsletter at www.pattvira.com ✨ Instagram: pattvira ✨ Twitter: pattvira Links: 🔗 p5.js editor: editor.p5js.org/ 🔗 Interactive Dandelion Code: editor.p5js.org/pattvira/sketches/kgJqAqL_H 🔗 Introduction to Creative Coding Playlist: ua-cam.com/play/PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn.html&si=XhvQaojd6cIrxvdn References: 🔗 ml5.js: 🔗 Website: ...
Arduino 101 | Episode 1: Getting Started
Переглядів 1,6 тис.2 місяці тому
Welcome to the first episode of our multi-part series on Physical Computing! I’ll guide you through a learning journey from beginner to advanced concepts, leading up to a big final project-which is still a secret, so stick around to find out! In this video, we’re starting with the absolute basics-the ‘Hello World’ of physical computing-by learning how to blink an LED! NOTE: - If you notice that...
p5.js Coding Tutorial | Differential Line Growth
Переглядів 2,2 тис.2 місяці тому
LET'S CONNECT ✨ Sign up for my newsletter at www.pattvira.com ✨ Instagram: pattvira ✨ Twitter: pattvira Links: 🔗 p5.js editor: editor.p5js.org/ 🔗 Differential Line Growth Code: editor.p5js.org/pattvira/sketches/PlXmnaaHO 🔗 Introduction to Creative Coding Playlist: ua-cam.com/play/PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn.html&si=XhvQaojd6cIrxvdn References: 🔗 Quadtree and Flo...
✨ Sparking Curiosity: The Power of Creative Coding
Переглядів 1,4 тис.2 місяці тому
✨ Sparking Curiosity: The Power of Creative Coding
p5.js Coding Tutorial | Interactive Bridge with Bouncing Balls (matter.js + ml5.js)
Переглядів 2 тис.2 місяці тому
p5.js Coding Tutorial | Interactive Bridge with Bouncing Balls (matter.js ml5.js)
p5.js Coding Tutorial | Springy Chain with matter.js 🔗
Переглядів 1,5 тис.2 місяці тому
p5.js Coding Tutorial | Springy Chain with matter.js 🔗
First Q&A 🦄🌦️ burnout, motivation vs discipline, insecurities around coding
Переглядів 8482 місяці тому
First Q&A 🦄🌦️ burnout, motivation vs discipline, insecurities around coding
p5.js Coding Tutorial | Bouncing Balls with matter.js
Переглядів 1,6 тис.3 місяці тому
p5.js Coding Tutorial | Bouncing Balls with matter.js
p5.js Coding Tutorial | Introduction to matter.js 🔴 🟪
Переглядів 3,4 тис.3 місяці тому
p5.js Coding Tutorial | Introduction to matter.js 🔴 🟪
Arduino 101 | Physical Computing for Beginners
Переглядів 2,8 тис.3 місяці тому
Arduino 101 | Physical Computing for Beginners
p5.js Coding Tutorial | Pixelated Kaleidoscope
Переглядів 2,2 тис.3 місяці тому
p5.js Coding Tutorial | Pixelated Kaleidoscope
p5.js Coding Tutorial | Flocking Simulation with Quadtree 🐤🐤🐤
Переглядів 2,9 тис.3 місяці тому
p5.js Coding Tutorial | Flocking Simulation with Quadtree 🐤🐤🐤
First Q&A 👩‍🎓🚀 programming background, career journey, favorites
Переглядів 1,2 тис.3 місяці тому
First Q&A 👩‍🎓🚀 programming background, career journey, favorites
p5.js Coding Tutorial | Spiral Betty
Переглядів 1,4 тис.4 місяці тому
p5.js Coding Tutorial | Spiral Betty
p5.js Coding Tutorial | Quadtree 🌴 (how not to crash your program w +1,000 colliding particles!)
Переглядів 3,6 тис.4 місяці тому
p5.js Coding Tutorial | Quadtree 🌴 (how not to crash your program w 1,000 colliding particles!)
1 Hour Code with Me - Quadtree ☁️ ☕️ | real time, lofi hip-hop beats
Переглядів 1,4 тис.4 місяці тому
1 Hour Code with Me - Quadtree ☁️ ☕️ | real time, lofi hip-hop beats
p5.js Coding Tutorial | Interactive Vinyl Cover (Image Masking)
Переглядів 1,8 тис.4 місяці тому
p5.js Coding Tutorial | Interactive Vinyl Cover (Image Masking)
p5.js Coding Tutorial | Collage (Image Manipulation)
Переглядів 1,8 тис.4 місяці тому
p5.js Coding Tutorial | Collage (Image Manipulation)

КОМЕНТАРІ

  • @sarthakmalhotra7413
    @sarthakmalhotra7413 Годину тому

    Happy new year Patt 😄🥳

  • @superdepressif6047
    @superdepressif6047 Годину тому

    thanks for 2024 and good luck into 2025!

  • @neurxsissy
    @neurxsissy День тому

    Is it possible to save the output as a .gif or .mp4?

  • @alwaysalthough
    @alwaysalthough День тому

    Patt, I want to say thank you. I stoped creative coding for a bit but the moment I stumbled upon your videos I got the drive again, and your explanations are so clear and make's that aha moment come. I can't wait to learn more from you 🙏

    • @pattvira
      @pattvira 23 години тому

      @@alwaysalthough this makes me so happy! Thanks so much.

  • @geoffwagner4935
    @geoffwagner4935 День тому

    I almost had it done by Christmas, i had to make the quadtree first.very pretty. fun beats on your videos. lol

  • @geoffwagner4935
    @geoffwagner4935 День тому

    Do these "mesmerizing patterns" work for attracting partners? say if i have a screen small enough to wave in there face? Or make people forget things?

  • @geoffwagner4935
    @geoffwagner4935 День тому

    2:57 in, here we go again she's about to mesmerize us again "be ready for a mesmerizing patterns".... can't argue that it doesn't work with 8000 followers, lets find out.

  • @vmartme
    @vmartme 2 дні тому

    Nice thank you! I have a question this always become same if start with same setting and from same point on canvas? You are greet I love you and your tuts. All the best in new year!

  • @deltaforce3329
    @deltaforce3329 2 дні тому

    Happy New Year !!

  • @dhillaz
    @dhillaz 2 дні тому

    Very creative idea. I also love your relaxed narration style and keyboard sound, you are like the Bob Ross of p5.js!

    • @pattvira
      @pattvira 2 дні тому

      @@dhillaz aw thank you! What a compliment ☺️

  • @insaanonline
    @insaanonline 2 дні тому

    Nine

  • @insaanonline
    @insaanonline 2 дні тому

    "Hey Patt, I really enjoy your content! However, I feel like the channel name could be more clear and easier to remember, something that instantly reflects the creative coding and fun learning experience you provide. A name that's simple, unique, and quick to understand could help attract even more viewers!"

  • @insaanonline
    @insaanonline 2 дні тому

    "Hey Patt, I really enjoy your content! However, I feel like the channel name could be more clear and easier to remember, something that instantly reflects the creative coding and fun learning experience you provide. A name that's simple, unique, and quick to understand could help attract even more viewers!"

    • @pattvira
      @pattvira 2 дні тому

      @@insaanonline Thank you, I appreciate your feedback!

  • @laurentstrodiot8434
    @laurentstrodiot8434 3 дні тому

    Happy new coding year !

    • @pattvira
      @pattvira 2 дні тому

      @@laurentstrodiot8434 happy new coding year!!

  • @3dfuture.ledcanvas
    @3dfuture.ledcanvas 3 дні тому

    👍 great!

  • @frankbottcher4597
    @frankbottcher4597 3 дні тому

    Thank you for your videos, Pat. Wish you and the community a happy new year <3

    • @pattvira
      @pattvira 2 дні тому

      @@frankbottcher4597 thank you for watching this past year frank! Happy new year to you as well 😊

  • @tyhuffman5447
    @tyhuffman5447 3 дні тому

    Quite a smart blouse! Happy New Year! Great tutorial as always.

    • @pattvira
      @pattvira 2 дні тому

      @@tyhuffman5447 thank Ty! Happy new year!

  • @frankb763
    @frankb763 3 дні тому

    This is also the last video for me, this year what I saw. All the best for the new year. And I'm already looking forward to the next video. Greetings Frank

    • @pattvira
      @pattvira 2 дні тому

      @@frankb763 nice! Happy new year! Lots more to come in 2025 😊

  • @Sisyphus3.14
    @Sisyphus3.14 4 дні тому

    happy new year😀

    • @pattvira
      @pattvira 2 дні тому

      @@Sisyphus3.14 happy new year!🎊

  • @flaviopsilva_
    @flaviopsilva_ 4 дні тому

    Nice video

  • @Souvik3.14
    @Souvik3.14 4 дні тому

    Top notch content as usual ! 😊Thank you so much . Happy Holidays . Hope you have a wonderful New Year.

    • @pattvira
      @pattvira 2 дні тому

      @@Souvik3.14 thanks so much! Happy new year!

  • @3dfuture.ledcanvas
    @3dfuture.ledcanvas 4 дні тому

    so amazing proejct! so cooool....!

  • @kareemsakr41
    @kareemsakr41 4 дні тому

    Love your videos, so grateful for your hard work

  • @3dfuture.ledcanvas
    @3dfuture.ledcanvas 5 днів тому

    Very interesting project!🎉

  • @geoffwagner4935
    @geoffwagner4935 5 днів тому

    what kind of bird is that at 38:40

  • @geoffwagner4935
    @geoffwagner4935 5 днів тому

    It's how Tony Soprano talks about the boids in his back yard. He loved the little boidies all over by his pool.

  • @geoffwagner4935
    @geoffwagner4935 6 днів тому

    Have you ever seen "Dude where's my car" when they get to the drive through scene? "And then....."

  • @spark_coder
    @spark_coder 7 днів тому

    Really nice video 🎉... I just wanted to point out that at 19:54, since you're returning, you do not need to put "else if" as the "return" statement will prevent it from going to the next "if" statement.

  • @Ma.henrique
    @Ma.henrique 7 днів тому

    Patt, you the best teacher I've seen around here, I'm so gratefull cause now I've really understand coding, wan't to focus on mobile development, do you recomend some nice roadmap to learn reactnative with typescript? tks so much, you're amazing

    • @pattvira
      @pattvira 7 днів тому

      @@Ma.henrique Appreciate it! Thanks so much.

  •  7 днів тому

    would be interesting to see how to make it constrained not just in rectangle, but any i/ rregular shape

  • @frankb763
    @frankb763 8 днів тому

    Thx

  • @shayokhshorfuddin2576
    @shayokhshorfuddin2576 9 днів тому

    Thank you! Please continue uploading p5 content more!

  • @alwaysalthough
    @alwaysalthough 10 днів тому

    I just discovered your channel, and my god you are so inspiring! I can't wait on joining you on this journey

  • @AshwinSKumar
    @AshwinSKumar 10 днів тому

    Does this stll work?

  • @69zwaan
    @69zwaan 10 днів тому

    Wiow, thank u. Fine merry christmas. :-)

    • @pattvira
      @pattvira 6 днів тому

      Merry christmas!

  • @reyalicea
    @reyalicea 10 днів тому

    Thank you, and Merry Christmas!

    • @pattvira
      @pattvira 6 днів тому

      Merry christmas!

  • @frankb763
    @frankb763 11 днів тому

    I wish you a Merry Christmas and greetings from Germany

    • @pattvira
      @pattvira 6 днів тому

      Merry christmas!

  • @flaviopsilva_
    @flaviopsilva_ 11 днів тому

    Great video

  • @ChaoticRain1
    @ChaoticRain1 13 днів тому

    In your initial diagram at 2:26, you set up the 'adjacent' line as x1, and 'opposite' as x2, but since the canvas uses width as x, and height as y, you actually flipped x1 and x2 right? If I'm mistaken, then I'm super confused! Thanks in advance!

  • @ChaoticRain1
    @ChaoticRain1 14 днів тому

    When I add the time and speed variables, I still don't get an animation effect. Help?

    • @ChaoticRain1
      @ChaoticRain1 14 днів тому

      I figured it out, for some reason 't' wasn't being recognized as a variable in my dfcMod line. I had to change it to 'time' and it worked... I still have no idea why!

  • @meadowluna
    @meadowluna 16 днів тому

    11:47 Line 14. Changed loop variable to j for the declaration, initialization, and condition check, but not the increment: i++ So the loop became infinite

  • @blaisepascal-jw9vv
    @blaisepascal-jw9vv 16 днів тому

    Ficou incrível. Parabéns!! 😮😎

  • @chriscalver8595
    @chriscalver8595 17 днів тому

    Two of my favourite educators in one interview.

  • @ChandrashekarCN
    @ChandrashekarCN 17 днів тому

    💖💖💖💖

  • @MindStealerx
    @MindStealerx 17 днів тому

    Can we make a person picture using symbols, but it should be animated like all the symbols and letters and scattered but when you start they all combine and complete the portrait? I would love to add something like this in my portfolio.

  • @drendelous
    @drendelous 18 днів тому

    i always come and like the video immediately. watch it later and practice 🙏

    • @pattvira
      @pattvira 17 днів тому

      Thank you - I appreciate it!

  • @chrizzzly_hh
    @chrizzzly_hh 18 днів тому

    🎉

  • @Sisyphus3.14
    @Sisyphus3.14 19 днів тому

  • @sosolieschen7474
    @sosolieschen7474 19 днів тому

    Thank you so much! Your videos are so good to understand and on point! I’m a student in design and want to be a web designer, this helps me a lot. You’re making coding so accessible and fun! Greetings from Germany :D