Applet Orchard

Coding Challenge #19: Superellipse

[ad_1]
In this Coding Challenge, I’m going to use superformulas to create a superellipse in p5.js.
This is part 1 of a multi-part series on superformulas, superellipses and supershapes

Support this channel on Patreon:

Send me your questions and coding challenges!

Contact:

Links discussed in this video:
Nature of Code class on Kadenze:
Superellipse on Wikipedia:
Paul Bourke’s Supershapes (Superformula) website:

Source Code for the Video Lessons:

p5.js:
Processing:

For More Coding Challenges:

Help us caption & translate this video!

Posted

in

by

appletorchard

Tags:

Comments

36 responses to “Coding Challenge #19: Superellipse”

  1. scpDgJ Avatar
    scpDgJ

    function sgn(x) {
    return x > 0 ? 1 : x < 0 ? -1 : 0;
    }

    Reply
  2. DarK DemoN Avatar
    DarK DemoN

    make moomoo.io challenge

    Reply
  3. Sophia Kornienko Avatar
    Sophia Kornienko

    sgn() function is just constrain(round(val), -1, 1). Simon

    Reply
  4. amo Avatar
    amo

    you could have done the bresenham method with (1-|n|^n)^(1/n), because that is the formula for the height at x on an n unit superelipse

    Reply
  5. Venky Avatar
    Venky

    You are simply best. The best teacher I know so far.

    Reply
  6. mathis peyronne Avatar
    mathis peyronne

    great video

    Reply
  7. Lane 朱 Avatar
    Lane 朱

    这教程真是太酷了，谢谢你朋友，期待你的更多教程

    Reply
  8. Sahil Joshi Avatar
    Sahil Joshi

    sgn is also called the signum function, right?

    Reply
  9. MintyPlays Avatar
    MintyPlays

    This video taught me more Math than school ever will…

    Reply
  10. Anders W. Olsen Avatar
    Anders W. Olsen

    Why don't you use switch cases rather than all these if-statements? Switch cases are much cleaner to read.

    Reply
  11. A. Valentine Avatar
    A. Valentine

    Is it possible to get a slider in Processing Java Mode?

    Reply
  12. Shockszzbyyous Avatar
    Shockszzbyyous

    that bit at 13:08 your pointing at, I understand that r1() takes a angle as argument , but R2() and cos() what is their argument? what is that symbol ?

    Reply
  13. johnny Gamer Avatar
    johnny Gamer

    I never heard of the sgn function before… Why not use:
    f(x) = x / |x|
    instead? That would give the same result. examples:
    x=20
    f(x) = 20/|20| = 1

    x = -15
    f(x) = -15/|-15| = -15/15 = -1

    Reply
  14. Julian M Avatar
    Julian M

    1 second missing

    Reply
  15. Pascal H Avatar
    Pascal H

    Daniel, I'm really sorry for this bad news :(:(
    But the current project isnt in the project folder (challenges)
    http://rabascm.nl/LNSSU3 for photo :):) (#19)

    Reply
  16. P. Muis Avatar
    P. Muis

    Man I would love to have you as a teacher irl

    Reply
  17. TechiGeek Channel Avatar
    TechiGeek Channel

    you can implement sgn(n) = n/abs(n)…
    Please subscribe to my channel and like it ..

    Reply
  18. trien pham Avatar
    trien pham

    Can you please do tutorials for vanillaJS ?

    Reply
  19. yovli porat Avatar
    yovli porat

    For the sgn() function you could have just wrote:
    return val / abs(val);

    Reply
  20. Rocket Bunny Avatar
    Rocket Bunny

    What libraries r u using? – your videos are so cool

    Reply
  21. James.Cubes Avatar
    James.Cubes

    i get it but it it doesn't work on processng

    Reply
  22. Adrian DipTM Avatar
    Adrian DipTM

    how do you code "to the power"

    Reply
  23. Adrian DipTM Avatar
    Adrian DipTM

    can you be our school teacher? cause you are way better than ours

    Reply
  24. BaconKwagga Avatar
    BaconKwagga

    is there any graphics software that is perfectly precise? i mean, whenever you make a shape in adobe flash, illustrator or corel draw it only makes an approximation of it. it's usually good enough but not exactly as you intended.

    Reply
  25. Eternal Agony Avatar
    Eternal Agony

    Thanks to this video, I was inspired to make a processing sketch that can draw super shapes. It is working, but is there any way to give the user the power to control and change the values of m,n1,n2,n3,a, and b?

    Reply
  26. Artur Karlov Avatar
    Artur Karlov

    awesome video, you have talent for taking complex concepts and translating them into simpler terms. I want to encourage you to go over the undelying math/maths because I think understanding that stuff can be useful. and you will do a good job with it. can't wait for the next superformula vids!

    Reply
  27. Mrfaytom Avatar
    Mrfaytom

    nice hair cut dan

    Reply
  28. Kotori Itsuka Avatar
    Kotori Itsuka

    seems to have new sub 😉 your videos are amazing as well as your attitude and behavior 😀 keep it up and you'll have tons of subs 😀

    Reply
  29. Peter Kwan Avatar
    Peter Kwan

    I first saw this at SIGGRAPH in 1986. It was called superquadric in those days. Some years later I taught it to a colleague who was struggling to model a cone blended onto a rounded rectangular prism. She went on to do special effects CGI in the Harry Potter movies.

    Reply
  30. Daniel Boa Avatar
    Daniel Boa

    1:14 That's almost a perfect circle..

    Reply
  31. Tien Phan Avatar
    Tien Phan

    Thank you Daniel, I enjoyed your video very very much. side question which mac configuration do you have? just curious 🙂

    Reply
  32. jelletje8 Avatar
    jelletje8

    MATH PLOX

    Reply
  33. Yuval Gat Avatar
    Yuval Gat

    Great video! 🙂
    The sgn(a) function can be shortened to (a / abs(a)), but doesn't work when a = 0 🙂

    Reply
  34. Kyle Amoroso Avatar
    Kyle Amoroso

    I was getting excited to see you work out the math, but I forgot it's just a coding channel haha! Thank goodness for Wikipedia though.

    Reply
  35. Frank Johnson Avatar
    Frank Johnson

    Fantastic tutorials! It appears to me that you get more comfortable with that really complex (and powerful) presentation setup with every video.

    Reply
  36. 20LetterMaximum Avatar
    20LetterMaximum

    7th

    Reply

Leave a Reply

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