How To Create a Solar System Animation | HTML | CSS | JavaScript | ASMR Coding

[@Catcatj8m]

Wow it worked great job,quicl video and easy to understand thankss❤keep making more videos like this following u

[@CromwellEdonis]

How do I add a dialogue into the planets, so I can add descriptions to them? Does .json work well with this idea?

[@CogniSolver]

Yes! You can use a json object for keeping the planet data and then can use javascript to add description to respective planets. You can explore more on this . Have fun 😊

[@ikramullah-vt5hd]

Super awesome 👍❤

[@CogniSolver]

Thanks 🤗

[@maurilio4267]

Como eu coloco um som de fundo nessa animação?

[@CogniSolver]

Hi you can add a background sound using javascript or plain HTML as well. Refer here www.w3schools.com/html/html5_audio.asp

[@kryzix72]

in the start when u start designing the sun, mine is like stretched out at the top, it isnt an complete circle, idk if its something with the width or anything, but please help me

[@CogniSolver]

Hi thanks for commenting.👍🏻 If your sun is being stretched out there could be multiple possible reasons. Sun div's width, sun's parent display property, image background size property to name a few. Please go through the source code provided in description for any clarifications. 😊

[@codeSlay-yv4wq]

Bro what to do if I want to distant these planets from each other,if I am normally doing it then it's orbit is geting disturbed

[@CogniSolver]

Yes it will. You've to meticulously calculate the values so that the orbits don't distort. Or you can come up with a formula which will hold good for any radius. Please feel free to ask any more questions 👍🏻

[@atakanuraz3748]

Hi, what is name your vs code theme on this video?

[@CogniSolver]

It's default dark theme of VS code

[@stupidrajan2313]

Broo can you teach me ❤

[@CogniSolver]

Sure Rajan, I would love that ❤️

[@gazerjohnson1808]

Distant planets orbit faster than the nearest

[@CogniSolver]

That's what we've tried to retain here also ✌🏻

[@SadiaFahmidaIslamSadia]

How can I make the sun smaller?

[@CogniSolver]

Hi Sadia, The source code is already provided in the description. You can go through it and find the class named 'sun' in css file and can adjust the size of sun according to your desired value.

[@CsHistory47]

hi thanks to this video . its worked but moon🌑 doesn't worked 🤫.

[@CogniSolver]

Hi thanks for commenting. The source code has been provided, you can go through that for any clarifications.👍🏻

[@YashTilanthe]

Image show na ho rahi

[@CogniSolver]

Hi Yash, maybe image ka size ya postion sahi se set nhi Kiya hoga. Source code is already given in description waha se Jake ek baar apne code se cross check kr skte ho 👍🏻

[@rahulkumawat1928]

Same problem ​@@CogniSolver

[@CogniSolver]

@@rahulkumawat1928 cross check with source code once 👍🏻

[@YashTilanthe]

Only line round kar rahi h

[@arunvelr5324]

Code

[@CogniSolver]

Source code and live demo link is already provided in video description 🙌🏼

[@Evilangel78]

0:52 ​@@CogniSolver

[@CogniSolver]

Hi @DevaVijay-yx1wm what question do you have about that particular timestamp?

[@YashTilanthe]

Only line round kar rahi h

[@CogniSolver]

Hi Yash, hope your query is cleared if you've gone through the video and the source code provided. If not then please feel free to write it here or via mail. We'll be happy to help you