- 171
- 296 948
Patt Vira
Thailand
Приєднався 24 бер 2020
✨✨ Experimenting with Code ✨✨
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
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)
Happy new year Patt 😄🥳
thanks for 2024 and good luck into 2025!
Is it possible to save the output as a .gif or .mp4?
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 🙏
@@alwaysalthough this makes me so happy! Thanks so much.
I almost had it done by Christmas, i had to make the quadtree first.very pretty. fun beats on your videos. lol
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?
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.
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!
Happy New Year !!
Very creative idea. I also love your relaxed narration style and keyboard sound, you are like the Bob Ross of p5.js!
@@dhillaz aw thank you! What a compliment ☺️
Nine
"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!"
"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 Thank you, I appreciate your feedback!
Happy new coding year !
@@laurentstrodiot8434 happy new coding year!!
👍 great!
Thank you for your videos, Pat. Wish you and the community a happy new year <3
@@frankbottcher4597 thank you for watching this past year frank! Happy new year to you as well 😊
Quite a smart blouse! Happy New Year! Great tutorial as always.
@@tyhuffman5447 thank Ty! Happy new year!
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
@@frankb763 nice! Happy new year! Lots more to come in 2025 😊
happy new year😀
@@Sisyphus3.14 happy new year!🎊
Nice video
Top notch content as usual ! 😊Thank you so much . Happy Holidays . Hope you have a wonderful New Year.
@@Souvik3.14 thanks so much! Happy new year!
so amazing proejct! so cooool....!
Love your videos, so grateful for your hard work
Very interesting project!🎉
what kind of bird is that at 38:40
It's how Tony Soprano talks about the boids in his back yard. He loved the little boidies all over by his pool.
Have you ever seen "Dude where's my car" when they get to the drive through scene? "And then....."
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.
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
@@Ma.henrique Appreciate it! Thanks so much.
would be interesting to see how to make it constrained not just in rectangle, but any i/ rregular shape
Thx
Thank you! Please continue uploading p5 content more!
I just discovered your channel, and my god you are so inspiring! I can't wait on joining you on this journey
Does this stll work?
Wiow, thank u. Fine merry christmas. :-)
Merry christmas!
Thank you, and Merry Christmas!
Merry christmas!
I wish you a Merry Christmas and greetings from Germany
Merry christmas!
Great video
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!
When I add the time and speed variables, I still don't get an animation effect. Help?
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!
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
Ficou incrível. Parabéns!! 😮😎
Two of my favourite educators in one interview.
💖💖💖💖
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.
i always come and like the video immediately. watch it later and practice 🙏
Thank you - I appreciate it!
🎉
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