Pokeball

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>South Park! • A-Frame</title>
    <meta name="description" content="Pizza! • A-Frame">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/aframe/0.3.2/aframe.min.js"></script>
  </head>
  <body>
    <a-scene>
     
      <a-sphere
                radius="1"
                color="#FF1C1C"              
      ></a-sphere>
      <a-sphere
                radius="1"
                position="0 -0.1 0"
                color="white"      
      ></a-sphere>
      <a-cylinder
                radius="1"
                position="0 -0.1 0"
                height="0.1"
                color="black"      
      ></a-cylinder>
      <a-cylinder
                radius="0.15"
                height="0.055"
                position="0 0 1"
                rotation="-90 0 0"
                color="white"              
      ></a-cylinder>
      <a-cylinder
                radius="0.2"
                height="0.05"
                position="0 0 1"
                rotation="-90 0 0"
                color="black"              
      ></a-cylinder>

<a-sky color="lightblue"></a-sky>
        
      <a-entity position="0 0 10">
        <a-camera></a-camera>
      </a-entity>
        
    </a-scene>
  </body>
</html>

https://cdnjs.cloudflare.com/ajax/libs/aframe/0.3.2/aframe.min.js