Coding Challenge #25: Spherical Geometry

[@MCRAVENATOR2222]

the happiest coder ever, gotta love when a person is passionate about their field of expertise

[@ElBellacko1]

i can see why he is a happy coder and it is because he is not stuck coding crud, business applications like many coders. he codes the fun stuff.

[@blucenere]

He is the happiest because is coding alone :)

[@phuanhuynh8888]

Dr Livesey but he do programming

[@ReevansElectro]

The "Bob Ross" of programming! Not annoying at all.

[@ReevansElectro]

@Chere Mizwicki And you're proud of that kind of hacking behavior?

[@TristanPopken]

@@ReevansElectro Dont worry, both of the comments above you were from bots. Nobody is being hacked

[@alebonita09]

This is the very best explanation I've seen about ANYTHING related to coding, and I'm finishing a 5 year major. You're awesome.

[@tincuptan]

Seriously he is so good at coding, can you believe he is actually an arts major.

[@rubensolorio7390]

2 months ago, best teacher on my list; currently, hasn't changed. Thank you Dan!! :)

[@TheCodingTrain]

Thanks for the nice feedback!

[@rszec]

Awesome! Until now, I learned about topography, botanics, algebra, hydromechanic, and a lot of other subject just by watching you programming in Java... All of that without getting tired or bored! Thanks a lot!!!!

[@pietrononame4945]

Theres no map() function in Java.

[@jameshall5171]

At the “epilogue” when he switched the sphere detail value to 5, it kind of looked like an object straight out of katamari (a Japanese game about rolling up things to create stars). The only difference is the color and texture. This is also made me realize just how important this code is for 3D games! Definitely saving this video.

[@glenneric1]

This wacky flailing arm inflatable tube man is the best teacher ever!!

[@zbrolman]

I really like your videos. I personally use them for educational purposes in 3d math, because I struggle with understanding the equations from wikipedia, but with your explanations everything becomes more clear. Thank you!

[@zbrolman]

Or maybe sometimes I should try to visualize the problem instead of hopping straight into the code :D

[@hillarymapondera4122]

This is why I now believe that programming is not a nerdy boring thing I wish I had a professor Like you in University.

[@Paul-cv8nv]

This is nerdy even more that regular programming

[@Shockszzbyyous]

The more of your video's I watch the more clear things I've coded in the past become. which is kind of weird, but makes sense since there is a lot of thing I coded that I didn't really understand :)

[@alejandrogarciasainzsours4226]

Lol 10:36 looks nutty buddies. PD: Your videos are seriously awesome! You are a hero to anyone who stumbles upon them because of your brilliance in applying concepts that many would struggle with if it wasn't for your masterful teaching and friendly demeanor. You have my everlasting gratitude.

[@kxsteve2061]

Great challenge you've got here! Keep up doing it man!

[@crisiberny]

This is really awesome! Is nice to see how all things (vector calculus with the spherical coordinates thing and programming) come together. Congratulations!

[@TheCodingTrain]

thank you!

[@murzikmurzik2453]

Please, make a coding challenge on how to make a randomly generated terrain on a sphere using Perlin noise. Thanks!

[@TheCodingTrain]

Oh, this is a great idea.

[@vulpesaxis8494]

it is basically the same thing but r is now a funcion that depends on phi and theta it can be a trigonometric function,perlin noise, whatever you want and instead of 20 lon and lat values can be as much as you want ...I would recommend to use a bounded function so it will have a "nice" shape instead of peaks all over the sphere if you work the maths you can make every shape you want even a planet earth...I mean if you want to make it "not random"

[@carldanso6707]

U are the best , u've really made me understand the concept of 3D

[@vincentcleaver1925]

Between you and the Englishman, Javidx9, I have learned spherical geometry plus how to cook up some pseudo perlin noise, and I'm doing some low-res, low-poly, world-building

[@peterburton9855]

Excellent, thanks :-) Finally, an understandable explanation of how to do this. It was clear enough that I was able to implement this in python and Opengl quite quickly. Will take a look at more of your videos for more tips.

[@panktishah3510]

Hello Peter, can you please share your python code

[@ABaumstumpf]

I like how to make everything easier to code you ignore the corner-cases all the time XD At the top and bottom of the sphere you have a punch of points all in the exact same spot. That also makes that you have an alternating pattern of a normal triangle and a triangle where 2 verticies are at the same spot. And because you flipped the way the strips are created, you also flipped some triangles around so that the back-face is showing. Those 2 together make for some strange patterns at the poles. And another thing: because you do not connect the triangle-strips back to the start but create new points at the same location the deformation you apply rip the sphere apart - as the start and end-point, while originally at the same position, are not the same points and get a different random deflection.

[@DavidRisnik]

Very very good Daniel! every new tutorial I learn new techniques, congratulations on your work .You do well clear explanations and well-defined !

[@TheCodingTrain]

I really appreciate it!

[@Linuxdirk]

To prevent the error described around 10:43 I always "properly" name my iteration variables.

[@rollingc2013]

I have been coding nearly 10 years.. ended up in the boring world of basically data presentation. This is the type of coding I want to do

[@jstro-hobbytech]

Hey man. You're a newish poster. What type of Java is he using and in which ide? I haven't written Java since 1999 when I had to take it and applets ran horribly. Haha. I've been digging 3d coding lately and evaluating different ways to visualize the data from the lidar, mems and other sensors for a little bot I'm building. I'm leaning towards unreal using cpp but it doesn't have to be that complicated for a hobby project. I don't like unity, directx is way too much time to build a framework just to render 1 pixel, vpython was too slow and opengl was OK but I'm like the only programmer in the world who doesn't know js haha. I do know cool and pascal however. I'm old...43 haha

[@eugene8976]

I wish I could like this twice :P

[@kevnar]

It would be neat to see the points of the sphere effected by the gravity of a moon in orbit around it, causing tides. Turn the points into particles that can be pulled this way and that by another object.

[@Gutagi]

Can you make other spheres, such as icosphere, or the “golden ratio sphere” by Sebastian Lague?

[@shanebenlolo3160]

Could you make a video about how you'd map a globe texture over a sphere?

[@arfcommer15]

Simplest way to not confuse lat/long is longitude are LONG(itudnal) lines going all the way over the poles, while latitude are circles that change in size.

[@TheCodingTrain]

Thank you!!

[@kyle-bensnyders3147]

Another way is to think of FATitude instead of latitude.

[@arfcommer15]

Third way is to play dyslexic and see latitude as "altitude" with the equator being ground, and latitude is how 'high' you are on the sphere.

[@valtsuhw]

Well done, apparently the spots (x,y,z) math works just as well with C++, got a nice (dense, hollow) sphere.

[@admin1b12]

you are the best youtuber in the world YOU HAVE ONLY 30 DISLIKES IN 2020

[@shridharmamidalaa2509]

Thank you so much Daniel Shiffman . !!! I started exploring "backstage" technologies... on how meshes are formed in 3D softwares , Marching cubes and so on..... This video was real helpful.

[@TheCodingTrain]

Yay, so glad to hear!

[@xxBunnyoo]

wow from a sphere to "what's the reason in life?" real quick

[@oooSIDEooo]

HSb ranges from 0-360, 0-100, 0-100 that way you get more colors in your rainbow

[@MilanKarakas]

Excellent presentation. Do you have already done video about mapping pixels onto globe? I mean, some image - then render it over the globe, or part of the globe. I think this will be very usable to have. Thanks.

[@TheCodingTrain]

+WildMania great idea!

[@MilanKarakas]

Thank you in advance. I subbed, and set notification. So, when you finish video - I (and others) will be notified. No rush, currently messing with radio communication, FFT optimization, and other similar things on Atmel chips. What a headache... :D

[@Shockszzbyyous]

FFT on atmel chips ... must be on the 32bit ones :D

[@MilanKarakas]

You mean for speed? Right? Or amount of data? Thanks.

[@Shockszzbyyous]

***** both, I am used to working only with the 8 bit ones, so my mind went to those, and I thought not really useful nor practical :D and later remembered there were 32bit ones too. just being a bit random :)

[@theobgshow]

Such an amazing and informative presentation. Thank you.

[@benrex7775]

Watching the video at 3x speed. Your even more lively now.

[@Skans0513]

I'm doing a school project with p5.js to create a 3d music visualizer and your tutorials are so helpful! Thank you!

[@Khusyasy]

man... i wanted to know about spherical geometry but got existential crisis

[@venkateshwaran292]

Quick question, how do we print a 2D line? A line consists of infinite points. Do we interpolate all the pixels between two distinct co-ordinates? How do we actually plot a continuous line with discrete points?

[@ECSydney]

latitude is left to right across the globe. Think of the rungs on a ladder. When youre climbing it the rungs are horizontal. Latitudinal. If you can remember the ladder trick it helps!

[@caseyrogers9760]

Longitude are all as long as each other (or have the same longness as i say it in my head)... latitude is the other one 😁

[@fouadalkhazraji7546]

how to write the code in java, especially the map instruction?

[@mwint1982]

Triple snaps for this guy

[@philanglade2745]

3:30 Wrong : Earth is flat !!! So we need no spheres ! Great job, even if i'm late. Thank you very much!

[@jstro-hobbytech]

What ide are you using? In all my years of (trying...) coding I've never touched Java since writing applets over 20 years ago and hated how slow it ran on a pentium 3 350mhz. Haha

[@lightingavril4586]

Thank you so much!!!!!!!!

[@techlearner2746]

For how many years did it take for learning coding u r so expert in this field please tell me

[@manbirjudge8415]

I was also going to type the comment that "Any idea how to fix it?". Haha. Love from India. : )

[@WildAnimalChannel]

always with the rainbows!

[@matthewe.proteau6100]

Love the tutorial thanks Dan! DOes anyone know how to get and affect a single point in this shape? I just want to take a single point and move it inwards towards the center of the circle

[@boscorner]

You're really strange. I love it. :D

[@MarshallThomas]

can you do this in P5.

[@runhomie1013]

can you do a human body ?

[@henriquetuerpe8300]

what the function map develops there? in c++ we don't have that

[@luukvanoijen7082]

Could this code be compiled to a .exe? This seem like a very nice tool and language to make games with. Currently learning Love2D but it's pretty hard to get 3D to work, and I couldnt get Love3D to work

[@DomhnallP]

insidetheOS it's pretty good for simple games, they teach freshman in my university how to use processing and one of their assignments is to design a game, a friend of mine made a 3D version of snake really easily. It looks great! Obviously it's very limited but it's good for getting started

[@christianfranticich1592]

They are probably using it to teach programming which is absolutely fine. Also, with processing you can load objects, you can play sounds and it obviously is OOP since it's Java. I'm not sure where you got your information from.

[@DomhnallP]

***** like christian said, it's just used to teach them the concept of programming, gives them something interesting to learn how to program algorithmically. they move onto Java in semester 2 and then after first year they move onto other languages!

[@er4795]

insidetheOS everything you said processing lacks, it has

[@theobgshow]

"Foldy, patterny thing". Haha.

[@Tithib59]

Nice video ! Do you think it is possible to create a shpere made of hexagons with processing ? ^^

[@practicodelaconspiracion]

those monigotes are really necessary?

[@XeXPiti]

I´m at my third year studying computer science and also work as an visual artist at partys, and you´r teaching me everything i wanted to learn about this stuff i ever wanted. do you even now how much of your work is needed in this business? (PS: i know, fuck my english / and yes im drunk at this moment ^^) best regards from austria

[@TheCodingTrain]

+XeXPiti thanks for the feedback!

[@TheCodingTrain]

+XeXPiti thanks for the feedback!

[@charbelsarkis3567]

hilarious

[@poojavaghasiya7701]

Nice coding..... Sir can you help me to arrange 25mm circle at equal distance on the surface of 13'9" Diameter sphere.

[@deadmusik9969]

I got to the point of using my i and j variables and it says they cannot be resolved into a variable. declared them uptop,then i ran into the cam as not a variable damn

[@angelcaru]

2:56 Flat earthers disliked

[@milanlora]

How do you know what algorithm to use?

[@ericvega9160]

how do you control the polar axis?

[@prestonblumhagen8626]

Can you do a coding challenge on pong?

[@deadmusik9969]

you could of kept going on the rabbit hole of simulation dan!

[@4444tttt]

hi, im trying processing 4.0 and its appears like variable ''total'' doestn exist, could anybody help me x.x

[@minecraftisinnow]

First! I Liked the video, cant wait for more :)

[@TheCodingTrain]

Thank you!

[@frerosami7]

thank you very much you help me so much!!!!!

[@thomasolson7447]

Mine is slow. Too slow for what I have planned. I made a second multidimensional array where I multiplied the lon and lat variables by n and do a sum. I put that sum into the fill in the second set of loops. fill(map(color[i][j],-((1/2)*sqrt(2)+1),(1/2)*sqrt(2)+1,0,255) ,255,255);. The sphere looks exactly how it should look. The problem is that it's too slow. Total has to go over 100 for the star pattern to look somewhat ok. Ideally it would go to 400+ to make it look smooth. I think I can do away with the color array. It would take more math to get the same result, but it's doable.

[@oreostastegoods]

Do some icospheres!

[@Master-qr3eq]

i want to download your code of this video? is it possible sir and where from i download it? Anyone can help me

[@ili76767]

I would like to ask you, PVector [] [] globe; How should the code be written in p5.js?

[@vinayvyraveraja7102]

Hey Daniel, in the Processing reference website I realize at least three vertices are need to construct a triangle strip, however you only use two vertices in your code to construct full strip. How this is possible ?

[@TheCodingTrain]

The "strip" makes triangles out a sequence of vertices, like so: 1) ABC 2) CDE 3) EFG, etc. So it uses 3 at a time and repeats the last one.

[@stephensimpson7794]

@@TheCodingTrain it repeats the last two. ABC BCD CDE. you go from top left to bottom left to top right for one triangle. then to bottom right of the second triangle to form a rectangle

[@lucianopazona9976]

Genio

Luciano Paz Oña es un idolo

[@iansimpson9452]

is it possible to add a 4th dimension?

[@iansimpson9452]

in a testing way?

[@sCube369]

Ian Simpson it would completely depend on your logic, practical and/or visual definition of 4th dimension, but as soon as you figure with aproach you want, you'd have to start from there on how to program it. Long story short it's up to what you define as dimension in order to do it.

[@lolerskates876]

Latitude :: Flat-itude

[@gazzaka]

I have often tried to code a geodesic sphere, any help? Also, a"wormhole" effect....

[@GeorgeZaharia]

10:00 11:20 exactly what i needed to wrap a image around a "3d sphere" in logical sense of things thank you my guy... now lets turn the lights off for those Russians by trowing javascript 2d/3d spheres at them lol .... kidding i love russians suka ^_^

[@KuKoVisuals]

Finally a good mathematical explanation. although in math theta goes from 0 to 2PI & phi from 0 to pi is math and programmers colliding ? :(

[@TheCodingTrain]

Yes, I definitely made some errors here. I hope I corrected it with the code I posted, if not file a github issue!

[@KuKoVisuals]

hehe Idk I was drinking when I said this :x

[@eduzal]

hi. i'm having issues with peasycam and processing 2.2.1. It gives a jave error. java.lang.UnsupportedClassVersionError: peasy/PeasyCam : Unsupported major.minor version 52.0

[@Chloehjk]

Thanks a lot for coding challenge~ awesome. in the video you take three sentence at the same time and add //

[@TheCodingTrain]

CMD-/ is the shortcut!

[@Person47]

what if you sont have peasycam

[@arfcommer15]

Go to tools | add tools, then pick library tab, and pick PeasyCam from the list and pick install, there's a bunch of other stuff to add too, they have examples for usage.

[@adamstybrzynski3216]

Hey there! You are doing excellent thing here...tons of appreciation! Does anybody have an idea how can I make the rainbowish ball at the end transparent? I am trying with tint(); function however with no result...

[@eduugr]

Thanks for another amazing video!! I always wanted to learn howto code the camera by myself. I conceptually understand projection and transformation matrices. Can you people point me out some good reading, videos or a keyword to search more eficiently? Thanks in advance!!

[@TheCodingTrain]

Would you mind asking at discourse.processing.org/! It's a better platform for Processing and p5.js related code questions. You can share code there easily! Feel free to link from here to your post.

[@ericvega9160]

drive.google.com/file/d/10PlTPYYMlaS2EnkXZJi2WwnqOfbyCgXn/view?usp=drivesdk please!! Help me, i want to draw all faces properlly, thank you

[@pullingrabbitsouttaahat]

21:08 Nice Dance Buddy !

[@yakov9ify]

you confused londitude and latitude in the x,y,z calculation z is supposed to only be cofntrolled by latitude bu in your equetion it is controlled by longitude

[@yakov9ify]

never mind you adresed it

[@c7ndk]

Great video. But minor error; you swapped longitude and lattitude :p

[@rakeshnatkarp-2965]

its good

[@hascheidl]

Daniel, why did you choose triangle strip? Would an implementation with TRIANGLE_FAN be possible? Would it be much different?

[@TheCodingTrain]

Oh, good question! No reason, triangle fan might be better in fact!

[@eduugr]

Hi everyone! Awesome video. I'd like to learn how to code 3D figures and a camera all in JavaScript (no GL). Also trying to understand completly the concept of projections. Can you recommend videos, tutorials, readings? Thanks so much!

[@YdenPL]

Maybe people pronounce "fi" this way, because they pronounce "pi" the same way, and it's also a greek letter. Just my little theory here.

[@cliffspencer]

Watching these videos, I always wonder why more expressive variable names aren't used. Instead of saying "okay, let's make j represent longitude", why not just name the variable longitude?

[@thesdfable]

hello! first of all thank you you are an amazing teacher. I get this error " ArrayIndexOutOfBoundsException: 60" I don't really understand why. Is it because my index is outside the range, smaller than the length of the array?

[@thesdfable]

Yup sorry my mistake! figured it out!

[@bradleystone9099]

These videos are 80% code, 20% stream of conscience, 40% rainbows, and 141% awesome :D Question...I just realized you're now coding in Java, or are you? At what point did you start doing that? I'm coming from the Javascript and "working with data" playlists, and a friend of mine has put me to the task of building something similar to this video. So uhh, this whole thing doesn't work in Javascript/ P5.js, right?

[@TheCodingTrain]

There is a "WEBGL" renderer for p5 but it's in the early stages. For 3D in the browser, I would look at three.js.

[@realcygnus]

priceless

[@boonewalker3973]

Existential crisis incoming

[@sixtenhugosson]

lights camera action... wait did you play undertale

[@lost3241]

no

[@connorclub6244]

the moment i started the video and saw that i audibly said "what the fu-"

[@fiveoneecho]

Pretty sure it's pronounced Ph[eye], since the other letters have long 'i's, but I'm not certain.

[@adammeier6477]

I sat through the video for about 20 min waiting to see if you acknowledged that you mixed up the inclination and the azimuth, haha

[@钩不到人怎么办]

It took me some time to figure out why he mixed up spherical coordinate system but still got a sphere.

[@ophello]

Can anyone tell me how to make a 3D geodesic sphere in p5?

[@danielpashai7111]

post the code