For the sgn function, it is a fun candidate for branchless implementations. (C syntax here) int sgn(int val) { return (val > 0) * 1 + (val < 0) * -1; }
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!
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.
Awesome videos, Daniel! I'm having fun coding along. Would you consider doing maybe a more advanced series/video for those with a bit of Java experience already under their belts?
@@TheCodingTrain PS: instead of the "sgn" Function you made, you could just use the Math.sign function that is built-in in JavaScript and does exactly that.
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
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 ?
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.
if the issue is the use of rasterization to render said shapes in the graphics software, then you should consider using a Vector graphics editor like Inkscape.. at least then the graphics are saved as a series of mathematical inputs and not just a plot graph..
Hello Sir I am Abhi. I am just learning coding Sir. i dont have idea how you run the program in wedsite Can you plzzzz tell us how you make a wedsite and run it live
Almost (because I didn't finish watching/writing yet) everything he's ever done in p5.js and processing I've written in pure javascript and had no problems with it. Your problem is not knowing JavaScript, not not knowing how to solve those problems. Once you understand what he explained, you can do it in any language, assuming that you know one.
6:40 "I could try to derive it, but I'm just going to look it up."
The life of a coder
"Superpowers of clumsiness"
Add to that; superpowers of "putting the fun in explanations"
and/or "superpowers in "gettings things done" :D
For the sgn function, it is a fun candidate for branchless implementations. (C syntax here)
int sgn(int val) {
return (val > 0) * 1 + (val < 0) * -1;
}
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!
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.
cool!
Fantastic tutorials! It appears to me that you get more comfortable with that really complex (and powerful) presentation setup with every video.
thanks!
Man I would love to have you as a teacher irl
1:14 That's almost a perfect circle..
indeed!
Beter than my math profecor on school
thanks² + thanks² dan!!
you're welcome²!
这教程真是太酷了，谢谢你朋友，期待你的更多教程
this is awesome Daniel!! so easy to follow along and code with you!
glad to hear, thank you!
12:44 and 13:02 the 2 formulas are actually just different form of the same thing.
seems to have new sub ;) your videos are amazing as well as your attitude and behavior :D keep it up and you'll have tons of subs :D
thank you so much!
Great video! :)
The sgn(a) function can be shortened to (a / abs(a)), but doesn't work when a = 0 :)
Or:
(val > 0 ? 1 : val < 0 ? -1 : 0);
Apparently.. Math.sign() exists... :/
thanks for these tips!
Run it Daniel RUN IT!! 🌾 Show us the beautiness.
For the sgn() function you could have just wrote:
return val / abs(val);
0/0 = 0?
Add a try catch then? Still more compact than 3 if statements...
Try{
return val / abs(val);
}catch(DivByZeroException e){
return 0;
}
Or just add a case for val equals 0.
Nameci2718 Yes, but that's a simple solution so I can't think of it :P
Ternary operand?
Don't know in javascript, but in pythln you could do:
return val / (abs(val) if not val == 0 else 1)
Awesome videos, Daniel! I'm having fun coding along. Would you consider doing maybe a more advanced series/video for those with a bit of Java experience already under their belts?
sure thing! I might check out the nature of code videos which serve this purpose somewhat.
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.
heh, I would like to do that in a video actually.
This video taught me more Math than school ever will...
Who got here from Stand-up Maths? :-)
me!
welcome!
@@TheCodingTrain PS: instead of the "sgn" Function you made, you could just use the Math.sign function that is built-in in JavaScript and does exactly that.
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
And if x = 0 ?
Good point. What would the other function return in that case? 0?
johnny Gamer it does. sgn (signum) returns zero for zero.
that formula is true.
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
I love this channel. I discovered it yesterday. Is there any others channels in this style that I would be happy to go check ?
check out coding math th-cam.com/users/codingmath
great video
Thank you!
if (val > 0) {
return 1;
} else if (val < 0) {
return -1;
} else {
return 0;
}
// Instead of this, you can write...
if (val == 0) {
return 0;
} else {
return (val / abs(val));
}
Thank you Daniel, I enjoyed your video very very much. side question which mac configuration do you have? just curious :)
OS X el captain
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 ?
Guys make the minimum value on the slider negative, it looks so cool :D
Would be cool with space colonization
What libraries r u using? - your videos are so cool
This is using p5js.org.
Your the Bob Ross of Bob Ross
My head exploded
Dan, your voice here is suuuuuuuper different from today.
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.
if the issue is the use of rasterization to render said shapes in the graphics software, then you should consider using a Vector graphics editor like Inkscape..
at least then the graphics are saved as a series of mathematical inputs and not just a plot graph..
Why don't you use switch cases rather than all these if-statements? Switch cases are much cleaner to read.
sgn is also called the signum function, right?
sgn stands for signum, yes.
nice hair cut dan
haha, thanks!
what if 4D super shape
Hello
Sir
I am Abhi.
I am just learning coding
Sir. i dont have idea how you run the program in wedsite
Can you plzzzz tell us how you make a wedsite and run it live
Look for "1.1: Introduction - p5.js Tutorial" on TH-cam and you'll find his tutorial on how to do exactly that! :-)
i get it but it it doesn't work on processng
return (value > 0)? 1 : (value < 0)? -1 : 0;
Can you please do tutorials for vanillaJS ?
Check out the channel CodingMath.
Almost (because I didn't finish watching/writing yet) everything he's ever done in p5.js and processing I've written in pure javascript and had no problems with it.
Your problem is not knowing JavaScript, not not knowing how to solve those problems. Once you understand what he explained, you can do it in any language, assuming that you know one.
First
1 second missing
first
7th
Daniel, I'm really sorry for this bad news :(:(
But the current project isnt in the project folder (challenges)
rabascm.nl/LNSSU3 for photo :):) (#19)
make moomoo.io challenge
MATH PLOX
It's so annoying hearing the circle being called a superellipse, although it's a special case... -_- dah....