<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<!-- Copyright John B Stone -->
  <!-- Free for non-commercial use only -->

 <head>
   <title>Jump Mask Sphere</title>
  </head>

<body>
<div style="position:relative;">

<svg id="canvas" 
	xmlns="http://www.w3.org/2000/svg" version="1.1"
	viewBox="-1000 -600 2000 1400" 
	style="width:100%; height:100%; top:0; left:0; ">

  <style type="text/css">
	line   	{stroke:red; stroke-width:4}
	text	{fill:black; font-size:250%}
  </style>

 <g id="masking">


	<!-- 100D circle, planet and mask sphere-->

	<circle cx="-500" cy="0" r="500" fill="dimgray" stroke="none" stroke-width="4" />
	<circle cx="125" cy="0" r="375" fill="cyan" stroke="blue" stroke-width="4" />


	<line x1="-500" y1="0" x2="125" y2="0" stroke-dasharray="7,12"/> 

	<line x1="-100" y1="300" x2="-100" y2="-300" stroke-dasharray="7,7" stroke-width="4"/> 

	<line x1="-500" y1="0" x2="-100" y2="-300" stroke-dasharray="7,12"/>
	<line x1="-500" y1="0" x2="-100" y2="300" stroke-dasharray="7,12"/>

	<line x1="-100" y1="300" x2="125" y2="0" stroke-dasharray="7,12"/>
	<line x1="-100" y1="-300" x2="125" y2="0" stroke-dasharray="7,12"/>

	<circle cx="-500" cy="0" r="10"  fill="maroon"  />
	<circle cx="125" cy="0" r="4"  fill="blue"  />


	<!-- Explanation -->

	<text x="40" y="-160">r</text>
	<text x="-230" y="-15"> &lt;- h -&gt;</text>
	<text x="60" y="-15">x</text>

	<text x="400" y="10" text-anchor="middle">Planet at 125 star diameters</text>

	<text x="-550" y="10" text-anchor="middle">Star</text>

	<text x="100" y="-400">Visible Jump Sphere</text>

	<text x="-1000" y="-500">Stars 100 Diameter Mask</text>

	<text x="-1000" y="600">Surface area of the spherical cap masked by the star is the masked area (2*pi*r*h)</text>
	<text x="-1000" y="650">Divide by the surface area of the visible jump sphere and you have the masked fraction (divide by 4*pi*r*r)</text>
	<text x="-1000" y="700">The whole thing simplifies to (1-cos(x))/2 where x = asin(100/planet distance in Ds). e.g. 20% mask above</text>
  </g>
 </svg>
</div>
</body>
</html>