p5.js Tutorial / An interactive album cover

Week 2 Technical Demo - Introduce Transformation and Text functions
This series of tutorials is designed for ART 22 course 'Computer Programming For Arts' in University of California, Santa Barbara.

[@diegomesa3978]

Awesome! Please don't stop doing these! Youre amazing

[@basumaiku]

Your tutorials have been so incredibly helpful, thank you Weidi! ✨

[@rizaan4786]

You're one of my favourite p5js tutors on CZcams! Thank you for explaining so clearly & well

[@theman7050]

You and The Coding Train make it look so easy :D

[@novaa706]

Thank you so much. This is one of the best tutorials I've ever learned from.

[@weidizhang]

thank you

[@josecarvajalcipres1251]

Impressive and useful teaching. Thank you very much for sharing.

[@gustavoiglesias5843]

Thank you very much for sharing this!

[@emilie1977]

Nice! I love generative art

[@coldstone556]

Looks cool!

[@shivendrapawar9618]

Thanks for the tutorial!!

[@violethillhour]

thank you, I learnt a lot!

[@erfanshariati4345]

helpful content and it's really nice explained, thank you! :)

[@MultiJiayi]

Really nice tutorial, wish I could attend the course :(

[@yuzhao5883]

good job

[@MrXJ22]

Thank you so much ! Very good content, and so well explained. I hope you'd start giving Online Classes T-T

[@santiagojaramillorodriguez8272]

you are the best! im no in Art 22 course but please make mor tuts!

[@AlejandroHarchaS]

Hi! thanks for this tutorial. A question, how can I make the initial rotation to be slower (I mean what we see before hovering mouse). Thanks!

[@nooralmoswy7347]

alot of information about variable did not description , but your work amazing 💕💕👌👌

[@86elxy]

I think the argument for angleMode should be uppercase DEGREES. :)

[@weidizhang]

thank you very much for pointing this out :))). ! Yes, I notice this error too and did not get a chance to re-record this video.

[@deevee672]

hey! how can we make the code work with a song?

[@Pixel_Recap]

do you know how to export p5.js sketch as a gif?

[@jotelojotenze]

Does anyone know how to convert these visuals into a video file?

[@abumohsenpour]

9:58 I noticed you mentioned transformation and translate in week 1, but I couldn't find it on your youtube; is it possible to find the first video somewhere?

[@weidizhang]

that video is changed to private. . sorry. But you can always check the example of transformation and translate from P5 website.

[@abumohsenpour]

@@weidizhang Thanks for your response; to be honest, I do know about transformations, but OCD got me so bad that I wanted to watch every video on your channel. 😅
Great tutorials btw; thank you so much

[@alfissic2652]

hi, i want to ask something, why my arc won't animate / looping? meanwhile, i saw that you can make that arc looping, i can only move it with my mouse/cursor

[@AlejandroHarchaS]

Same here, i'm struggling trying to find why is not looping by itself -min --14:50- :)

[@AlejandroHarchaS]

Alright, I solved it putting value cero as starting value for "angle", at the beginning of the program

[@alfissic2652]

@@AlejandroHarchaS great! thanks broo for solving this issue, much appreciated 🙏🏻

[@karinabadey9275]

@@AlejandroHarchaS what is the code to do that and where did you put it SOS

[@AlejandroHarchaS]

​@@karinabadey9275 Just go to the top of your code and add this:
let angle = 0;
That should solve it ;)