🌑 Planetas enanos

Los planetas enanos tienen masa suficiente para que su gravedad les permita adoptar formas esféricas (o casi esféricas), pero no para despejar su trayectoria órbital de cuerpos como asteroides.


La Unión Astronómica Internacional acordó la definición de planeta enano en 2006. El ejemplo más popular es Plutón, antes considerado el noveno planeta, fue degradado a planeta enano junto con varios otros cuerpos similares del Sistema Solar, entre ellos Ceres (ubicado en el cinturón de asteroides, entre las órbitas de Marte y Júptier), Makemake, Eris (el mayor planeta enano conocido) y Haumea.


Observa, crea y comparte

  • ¿Qué te llama la atención al observar los planetas enanos?.
  • Habla con tu familia, amigos y amigas sobre los planetas enanos que más te llamen la atención.
  • Haz un dibujo del planeta que más te haya gustado y compártelo.


<model-viewer src="/packages/modelviewer.dev/assets/ShopifyModels/Ceres.glb" poster="/packages/modelviewer.dev/assets/ShopifyModels/Jupiter.png" shadow-intensity="1" ar ="fixed" camera-controls alt="A 3D model carousel">
  
  <button slot="ar-button" id="ar-button">
    Ver en Realidad Aumentada
  </button>

  <div id="ar-prompt">
    <img src="/packages/modelviewer.dev/assets/hand.png">
  </div>

  <div class="slider">
    <div class="slides">
      <button class="slide selected" onclick="switchSrc(this, 'Ceres')" style="background-image: url('/packages/modelviewer.dev/assets/ShopifyModels/Ceres.png');">
      </button><button class="slide" onclick="switchSrc(this, 'Makemake')" style="background-image: url('/packages/modelviewer.dev/assets/ShopifyModels/Makemake.png');">

      </button><button class="slide" onclick="switchSrc(this, 'Eris')" style="background-image: url('/packages/modelviewer.dev/assets/ShopifyModels/Eris.png');">
      
      </button><button class="slide" onclick="switchSrc(this, 'Haumea')" style="background-image: url('/packages/modelviewer.dev/assets/ShopifyModels/Haumea.png');">
      
      </button><button class="slide" onclick="switchSrc(this, 'EnanosJ')" style="background-image: url('/packages/modelviewer.dev/assets/ShopifyModels/EnanosJ.png');">    
    </button></div>
  </div>
</model-viewer>

<script type="module">
  const modelViewer = document.querySelector("model-viewer");

  window.switchSrc = (element, name) => {
    const base = "/packages/modelviewer.dev/assets/ShopifyModels/" + name;
    modelViewer.src = base + '.glb';
    modelViewer.poster = base + '.png';
    const slides = document.querySelectorAll(".slide");
    slides.forEach((element) => {element.classList.remove("selected");});
    element.classList.add("selected");
  };

  document.querySelector(".slider").addEventListener('beforexrselect', (ev) => {
    // Keep slider interactions from affecting the XR scene.
    ev.preventDefault();
  });
</script>

<style>
  /* This keeps child nodes hidden while the element loads */
  :not(:defined) > * {
    display: none;
  }

  model-viewer {
    background-color: #eee;
    overflow-x: hidden;
    --poster-color: #eee;
  }

  #ar-button {
    background-image: url(/packages/modelviewer.dev/assets/ic_view_in_ar_new_googblue_48dp.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 12px 50%;
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    bottom: 132px;
    padding: 0px 16px 0px 40px;
    font-family: Roboto Regular, Helvetica Neue, sans-serif;
    font-size: 14px;
    color:#4285f4;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    border: 1px solid #DADCE0;
  }

  #ar-button:active {
    background-color: #E8EAED;
  }

  #ar-button:focus {
    outline: none;
  }

  #ar-button:focus-visible {
    outline: 1px solid #4285f4;
  }

  @keyframes circle {
    from { transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg); }
    to   { transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg); }
  }

  @keyframes elongate {
    from { transform: translateX(100px); }
    to   { transform: translateX(-100px); }
  }

  model-viewer > #ar-prompt {
    position: absolute;
    left: 50%;
    bottom: 175px;
    animation: elongate 2s infinite ease-in-out alternate;
    display: none;
  }

  model-viewer[ar-status="session-started"] > #ar-prompt {
    display: block;
  }

  model-viewer > #ar-prompt > img {
    animation: circle 4s linear infinite;
  }

  .slider {
    width: 100%;
    text-align: center;
    overflow: hidden;
    position: absolute;
    bottom: 16px;
  }

  .slides {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }

  .slide {
    scroll-snap-align: start;
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    margin-right: 10px;
    border-radius: 10px;
    border: none;
    display: flex;
  }

  .slide.selected {
    border: 2px solid #4285f4;
  }

  .slide:focus {
    outline: none;
  }

  .slide:focus-visible {
    outline: 1px solid #4285f4;
  }

</style>