Water

Version 2.1 — © 1996-2003 Christian Cohnen — Example 2

Image background with ships on the surface
2 ships, 25 raindrops per 10 sec

Applet Code

<applet archive="Water.jar"
  code="Water.class" width="150" height="100">
  <param name="link" value="https://www.chriscohnen.de">
  <param name="ships" value="2">
  <param name="image" value="test.jpg">
  <param name="raindrops" value="25">
  <param name="color" value="#FF00F0">
</applet>

JavaScript Canvas Version

<canvas id="game" width="150" height="100"></canvas>
<img id="bgImg" src="test.jpg" style="display:none">
<script>
var WATER_CFG = {
  image: "bgImg", ships: 2, raindrops: 25,
  color: "#FF00F0", link: "https://www.chriscohnen.de"
};
</script>
<script src="water.min.js"></script>