Contenido

Sistema solar a escala con Javascript

12 Ene

+ 6

El otro día estuve viendo un documental sobre el sistema solar, he de decir, que los documentales de astronomía son mi otra pasión. Después de verlo y de escuchar las increibles distancias y medidas que el cosmo nos ofrece pensé…¿Como sería el sistema solar en una página web?

sistemasolar

Se que no podía hacer algo tan chulo como este, pero podía hacer aún más geek, en JS :D

Sistema solar a escala en Javascript.

Aclaraciones

  1. He quitado Plutón, por el tamaño  no por su denominación.
  2. Las medidas usadas como base son: El diámetro de la tierra para el diámetro de los planeta y la distancia de la tierra al sol como distancia entre planetas.
  3. Existe una limitación de tamaño de fuente por el navegador, por ese motivo Betelgeuse es una O, su tamaño no está a escala ya que es imposible representar ese tamaño con un carácter a escala y que los demás planetas (mercurio y marte) se vea.
  4. Me aburría mucho y no invertí más de 30 minutos en desarrollarlo :P

No puedo ver nada! Me aparece un espacio en blanco con la lista de los planetas. Pero al hacer clic no pasa nada :(

@Dan: ¿Y puedes hacer scroll hacia abajo? Deberías ver los planetas :D

@aNieto2k Si quieres dedicarle un par de minutos más (a mi tambien me paso lo mismo que @Dan, estaría bien que en vez de utlizar que los enlaces fueran a un id de un contenedor (que provoca solo el desplazamiento horizontal por lo que parece), podrías hacer un array con las coordenadas del centro del planeta y poner estas coordenadas al pinchar sobre el nombre del planeta para que se situe bien centrada la vista en el planeta.

Saludos

Pues no quería enredarme mucho ya que se trata de una chorradita que se me pasó por la cabeza pero miraré de hacer algo :D

Joder apurate !! anieto no tengo tiempo para esperarte … estoy apurado y espero ver tu sistema Platanario … XD ,

saludos.

broma.
se que estara re bueno , lo que haces termina dandome muchas ideas…

@Carlos: Pero si es una chorrada xD

Le he puesto un window.scrollBy() para hacer que baje hacia abajo, no puedo probar en IE, pero debería funcionar y mostrar los “puntitos” :D

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.