π CSS Solar System π
The Solar System
By KobeFF
Have you ever wanted to see the solar system IN MOTION!?
Well, I just learned how to do CSS animations from W3Schools. You can create neat little animations without javascript or flash (Which doesn't matter because its going away soon οΌββΈβοΌ)!
πͺ¦R.I.P Adobe Flash
Anyways, yaaaaayy! A recreation of the solar system. It's extremely accurate in speed but...
Size?
No.
The size in this cartoon solar system is WAY off. Like way, WAY off. Practically all the planets are the same size. Fun fact: In real life, the sun is nearly a million times larger than the earth. In my solar system, they're nearly the same size (not like I could make the sun a million times larger than the earth and have it still fit in your itty-bitty computer screen. Sheesh.
But speedwise, yessir! Its nearly the same exact correlation between the planets in real life. Take Mercury for example. It takes mercury 88 days to circle the sun, also called a year smh so in my simulation, it takes Mercury 0.88 seconds to circle my little cartoon sun.
Ngl, It really takes the difference between real-life planets' speed into action. In my animation, the fastest planet (Mercury), takes less than a second to do a full lap around the sun. Neptune, well, takes over 10 minutes to do just one lap.
Neptune u little slowpoke
Features
- It looks like a solar system!
- It acts like a solar system!
- The speed is like a solar system!
- It has planets, like a solar system!
- It has a space background, just like a solar system!
- The background has stars, just like a solar system!
- It's seems like a solar system!
Lmfao.
Updates
- Added Favicon!
Note: The CSS animation works only on Chrome, Firefox 16+, IE 10+, ad Safari 5. If it doesn't work, then, well, sorry! It's not exactly something I can fix...
Well, without further ado, I present you a CSS solar system!
Mr.Merury looks like his head is spinnin' like mad around the chubby and cute sun.
@OldWizard209 haha good one
I like ur attitude keep it up [email protected]
Lol XD XD @OldWizard209
nice :> did u draw those?
@SilvermoonCat Nope lol i suck at drawing
@KobeFF oh :( anytime you need art ask me lol
@SilvermoonCat do u draw on paper or computer?
@KobeFF both i luv art
@SilvermoonCat noice
WAIT! wheres moon? Hes missing!!!!
@arivvid27 NOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO NOOOTTTT MOOOOOONNN
the sun has lost its eyyess
uhh if this happens fork the thing
Look!
The great conjunction of Jupiter and Saturn is here!
I have to say:
** THAT IS A CUTE SUN!!! **
@Wilke000 you're alive
I am? @FlaminHotValdez
Wait! I AM!!!!!!!!!!!!
YAY!!
LOL
so cute :0
DOPE
@JaceBillingsley Thanks!
what would someone call this besides modern art, this is beautiful
@BobTheTomatoPie lol the beauty of colored balls moving in circles...
@BobTheTomatoPie thats me
high five
How do i add the logo on the tab like on repl it has the logo on the tab and in this project you had a star on the tab
@NinjaCoderz It's called a favicon.
https://www.lcn.com/blog/beginners-guide-favicons/
If you just want the code:
<link rel="icon" href="myImage.png" />
AMONG US GUY CYAN IN CORNER! SMART!
Why was this in images?
@mesquite2234 becuz there was among us guy in corner really small
when saturn goes off the page...
very smooooth
actually i saw mars crashing into jupiter.
but did anyone notice the rings of saturn went into jupiter
@KobeFF
Super great conjunction of Jupiter and Saturn, @ANIRANJAN
@Hacky k
lol
@Hacky it looked like the rings of saturn were crashing
lol
fun fact: The ring of saturn is made up of rocks,
fu fact: saturn is so light that it can float in water(If there is that large ocean)
fun fact: ur reading a fun fact!
well... a few planets are dragging a few stars with them, even though they're light years away, but its really, really cool! you should make it so you can click on planets and they explode
@BananaJellyfish oh wait... or are they stationery moons?
RIP Adobe Flash, let's all take a moment to spam "RIP" in the comment section, in order to give it a final goodbye before it passes on (β―_β°)
rip lol @noway15
Um is it just me or does this look like a butt
οΌββΈβοΌ
@RhinoRunner delete that before any mod finds it
Maybe add moons.
@IntellectualGuy Neptune and Uranus are already included! Uranus is the one after saturn (it has rings too) and Neptune is after that. I'll add the moon tho, ty.
@KobeFF Yeah i didn't see that before
@IntellectualGuy Oh lol
cool! why is neptune so slow?
@applicationUFO because its the slowest planet in our solar system lol
LOL Earth crashed into mars!
THE TIME FOR THE END OF THE WORLD THE PLANETS HAVE ALIGNED
@CuriousMonkey Oh crap time to retreat into my emergency apocalypse bunker.
@CuriousMonkey noo I am gonna first eat some pizzas after that I dont care if the world ends or not
@CuriousMonkey - lmao ragnarok has started :)
@GhostKing007 Oh snap
@CuriousMonkey AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
@CuriousMonkey "Fun isn't exactly what one considers when bringing balance to the universe, but this... does put a smile on my face."
I'm sorry, little one.
Hmm... Nobody told me that Saturn's rings and Uranus's rings would be touching! Even Super Saturn (J1407b) would be lots of AUs (Astronomical Unit) away.
@ryanjbwang They're doing a ring-five
no pls don't eat me @SudhanshuMishra
@Pizzaz4me haha lol
@CuriousMonkey That is scientifically impossible so do not worry.
@KobeFF SOOOO FOONNYY HIGH-5 HAHHAHAHAHHahAHahhah hahahah ha...
this got awkward@CuriousMonkey HARMOIC CONVERGENCE!
@KobeFF :)
OH NO! AND I AM SUPPOSED TO BE WORKING ON MY OWN PROJECT! IS A METEOR GOING TO GO THROUGH OUR SOLAR SYSTEM?? I NEED TO TAKE COVER!!!
Can I join you with my family? @FlaminHotValdez
@CuriousMonkey Time to travel to another planet like proxima centauri b
@tylerAvery1 Sure! We can sustain ~10 more people, 20 more if we ration our food.
@CuriousMonkey OH NO!!!!!!
This is an emergency with the Status Code DAPLANETSHAVEALIGNED!!!!!
Countdown to evac: 5, 4, 3, 2, ..... KBOOM!!!
@CuriousMonkey ok attach rockets to some of the planets and then they're not going to be aligned
@FlaminHotValdez you too read percy jackson?
@aarav170109 yes. also like 5 other book series but...whatever
Oh! that's how they sent Voyager and Voyager II into space!
@CuriousMonkey
@FlaminHotValdez Yeah same here I've read every single book of rick riordan related to mytholigies like magnus chase, kane chronicles etc.
same here lol @aarav170109
@aarav170109 @FlaminHotValdez @ComputingSquid me 2 =D Im on trials of apollo book 2 (library books take so long to come during these covid times)
ikr just use overdrive lol
you can get them faster
i read the fifth like a month ago
lololol
:p
i wont spoil anything ok
im nice that way lol
@CuriousMonkey
@CuriousMonkey it goes downhill
@CuriousMonkey Oh yeah I liked that one, I've finished trials of Apollo like last month. It's a great series
The series itself is pretty good @CuriousMonkey although there are a few parts that are a bit strange but whatever the books are still good even with them.
@noway15 @ComputingSquid @FlaminHotValdez @aarav170109 well tbh my friend spoiled like the whole plot and everything ik who dies and bla bla (for example when i was on first book of original series he told me percy looses memory im like: whos percy)
o o f l o l @CuriousMonkey
LOL @CuriousMonkey
@CuriousMonkey @ComputingSquid @noway15 @FlaminHotValdez
I have a friend who read percy jackson and other series WAY before me so,
He: Gives me a 1 hour lecture till the end of heroes of olympus
me: (at first book) Bruh.
(Based on a true incident)
sad life @aarav170109
@CuriousMonkey Yeah well now I'm the one who gives an 1 hour lecture to others who haven't even started Rick riordan π€£π
@ia13ru I think it is? I mean, in maths at some point in time, everything gets a common multiple