Creative Coding Tutorial: Golden Ratio Sunflower Spiral in p5.js (Javascript)

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ต.ค. 2024

ความคิดเห็น • 25

  • @javieroldan
    @javieroldan 2 ปีที่แล้ว +3

    Just learning p5js and this video is a really great source of knowledge for starters

  • @wanderwithdaniel
    @wanderwithdaniel ปีที่แล้ว

    I learned a lot of new stuff from this tutorial. Thank you for sharing.

  • @stefanijastankovic2911
    @stefanijastankovic2911 3 ปีที่แล้ว +2

    Thank you very much for creating these videos🙏 Loving this a lot and looking forward to more.

  • @synergydevelopment3666
    @synergydevelopment3666 ปีที่แล้ว

    Great video and tutorial ! You have to change the variable size in setup() to something like sizen because size is a reserved word., same thing for dist in the draw function. But really good job in this one !

  • @jennyariane
    @jennyariane 3 ปีที่แล้ว

    Love the colours you chose for the animation! So good 💜✨

  • @d_sanu
    @d_sanu 11 หลายเดือนก่อน

    It's really a great tutorial ❤ I have watched the video by Numberphile and it's very interesting 👍 also like the keyboard ASMR ❤

  • @CaHeoMapMap
    @CaHeoMapMap 2 ปีที่แล้ว

    your youtube channel is awesome!

  • @asymptoticSystemKey
    @asymptoticSystemKey 2 ปีที่แล้ว

    hey dude, this was awesome, very inspirational, have been tooling around with it and my visual cortex wants to thank you personally. I look forward to checking out ur other videos. meantime, can you please tell me how to make the pattern "rotate" like in the intermission between the 2 halves of this video? so not so much pulsing in and out, but rotating around

    • @asymptoticSystemKey
      @asymptoticSystemKey 2 ปีที่แล้ว +1

      I figured it out, to spin the wheel >> angle = i * PHI + t;

  • @DevDungeon
    @DevDungeon 2 ปีที่แล้ว

    Excellent!

  • @indievibes1751
    @indievibes1751 3 ปีที่แล้ว

    This is so cool!

  • @stoicfreediver
    @stoicfreediver 3 ปีที่แล้ว

    Thank you!

  • @utube2008utube
    @utube2008utube 3 ปีที่แล้ว +1

    Hi. What is the purpose of using the min function on the canvas size? Wouldn’t the window width/height be enough for the canvas to fill up the screen?

    • @creativecodingwithmaxim
      @creativecodingwithmaxim  3 ปีที่แล้ว

      You're right that would definitely work. In this case min is used to keep the canvas square, which makes the render a lot easier. You can set the canvas size to window width and height directly, but you'd have to call scale differently to make sure the render doesn't get stretched out. There's a link to the code in the description, you can see for yourself what happens :) let me know if you want more help with rescaling (+ centering) a square render inside a rectangular canvas.

  • @terraflops
    @terraflops 2 ปีที่แล้ว

    thank you : )

  • @zer001
    @zer001 2 ปีที่แล้ว

    Nice Video

  • @naureenfatima5
    @naureenfatima5 3 ปีที่แล้ว

    Hey can you help me with a code if I want to control the number of arms of the spiral. (The spiral mandatorily should have curved arms, not straight ones as shown in the video)

    • @creativecodingwithmaxim
      @creativecodingwithmaxim  3 ปีที่แล้ว

      If you take the code ( editor.p5js.org/MaximSchoemaker/sketches/hSUoBvPJB ) and turn
      const angle = i * PHI;"
      into:
      const angle = i / ARMS;"
      you can determine the arms with the variable ARMS. These will be straight however for whole numbers (like 5). If you want 5 curved arms you can set ARMS to 5.01 or whichever non-integer number you want :)

  • @dianasilvadesigns
    @dianasilvadesigns 2 ปีที่แล้ว

    how do u export this form p5js web editor ? i wanted to save this as an actual video file

    • @creativecodingwithmaxim
      @creativecodingwithmaxim  2 ปีที่แล้ว +1

      Here's a template that can output to .avi and .gif: editor.p5js.org/MaximSchoemaker/sketches/DRNaUeBxZ
      let me know if anything's unclear :)

    • @dianasilvadesigns
      @dianasilvadesigns 2 ปีที่แล้ว

      @@creativecodingwithmaxim oh my god you are a life saver thank you!!!

  • @jq184
    @jq184 3 ปีที่แล้ว

    Thank you !