title: Slick - Filled Rectangles
body: <p>I am trying to render a health bar with Slick.  I want a red rectangle with a green one in front of it to show the health remaining.   This is what I have so far:</p>
  
  <pre><code>        Rectangle healthBG = new Rectangle(healthX, healthY, healthWidth, healthHeight);
          ShapeFill healthFill = new GradientFill(0, healthHeight / 2, Color.red, healthWidth, healthHeight - 1, Color.orange, true);
  
          float healthGAWidth = ((float) health / (float) maxHealth) * (float) healthWidth;
          Rectangle healthGA = new Rectangle(healthX, healthY, healthGAWidth, healthHeight);
          ShapeFill healthGAFill = new GradientFill(0, healthHeight / 2, Color.green, healthGAWidth, healthHeight - 1, Color.green, true);
  
          //g.setColor(Color.red);
          g.draw(healthBG, healthFill);
          //g.setColor(Color.green);
          g.draw(healthGA, healthGAFill);
  </code></pre>
  
  <p>This is what is rendered on the screen:</p>
  
  <p><img src="https://i.stack.imgur.com/B9K9e.png" alt="Screenshot of health bar in action"></p>