diff --git a/_docs/gen.go b/_docs/gen.go
index 6ae057eb3..59ff303e8 100644
--- a/_docs/gen.go
+++ b/_docs/gen.go
@@ -135,7 +135,6 @@ var (
 	}
 	graphicsExamples = []example{
 		{Name: "airship", ThumbWidth: 320, ThumbHeight: 240},
-		{Name: "alphablending", ThumbWidth: 320, ThumbHeight: 240},
 		{Name: "animation", ThumbWidth: 320, ThumbHeight: 240},
 		{Name: "blur", ThumbWidth: 320, ThumbHeight: 240},
 		{Name: "drag", ThumbWidth: 320, ThumbHeight: 240},
@@ -144,7 +143,6 @@ var (
 		{Name: "font", ThumbWidth: 320, ThumbHeight: 240},
 		{Name: "highdpi", ThumbWidth: 320, ThumbHeight: 240},
 		{Name: "hsv", ThumbWidth: 320, ThumbHeight: 240},
-		{Name: "hue", ThumbWidth: 320, ThumbHeight: 240},
 		{Name: "infinitescroll", ThumbWidth: 320, ThumbHeight: 240},
 		{Name: "life", ThumbWidth: 320, ThumbHeight: 240},
 		{Name: "mandelbrot", ThumbWidth: 320, ThumbHeight: 320, ScreenWidth: 640, ScreenHeight: 640},
@@ -152,10 +150,10 @@ var (
 		{Name: "mosaic", ThumbWidth: 320, ThumbHeight: 240},
 		{Name: "noise", ThumbWidth: 320, ThumbHeight: 240},
 		{Name: "paint", ThumbWidth: 320, ThumbHeight: 240},
+		{Name: "particles", ThumbWidth: 320, ThumbHeight: 240},
 		{Name: "perspective", ThumbWidth: 320, ThumbHeight: 240},
 		{Name: "polygons", ThumbWidth: 320, ThumbHeight: 240},
 		{Name: "raycasting", ThumbWidth: 320, ThumbHeight: 240, ScreenWidth: 480, ScreenHeight: 480},
-		{Name: "rotate", ThumbWidth: 320, ThumbHeight: 240},
 		{Name: "sprites", ThumbWidth: 320, ThumbHeight: 240},
 		{Name: "tiles", ThumbWidth: 320, ThumbHeight: 240, ScreenWidth: 480, ScreenHeight: 480},
 	}
diff --git a/docs/examples/alphablending.html b/docs/examples/alphablending.html
deleted file mode 100644
index 5450c5613..000000000
--- a/docs/examples/alphablending.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<meta charset="utf-8">
-<meta property="og:image" itemprop="image primaryImageOfPage" content="https://hajimehoshi.github.io/ebiten/images/examples/alphablending.png">
-<meta name="description" content="Ebiten example - alphablending">
-<link rel="shortcut icon" href="../favicon.png" type="image/png" >
-<link rel="icon" href="../favicon.png" type="image/png" >
-<title>Ebiten example - alphablending</title>
-
-<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="../stylesheets/highlight-github.css">
-<link rel="stylesheet" href="../stylesheets/ebiten.css">
-<script src="../scripts/googleanalytics.js"></script>
-
-<nav class="navbar"><div class="container">
-  <nav class="d-flex flex-row" style="width: 100%;">
-    <div class="nav mr-auto"><a class="navbar-brand" href="../"><img src="../images/logo_white.svg" alt="EBITEN"></a></div>
-    <ul class="nav">
-      <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
-      <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">API Document</a></li>
-      <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki/Cheat-Sheet">Cheat Sheet</a></li>
-      <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
-    </ul>
-  </nav>
-</div></nav>
-
-<main><div class="container">
-
-  <h2>Ebiten example - alphablending</h2>
-  <iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/alphablending" width="640" height="480" allow="autoplay"></iframe>
-  <p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/alphablending">Go Playground page</a></p>
-
-</div></main>
-
-<footer><div class="container">
-  <p>© 2013 Hajime Hoshi</p>
-  <p>Code is licensed under <a href="https://github.com/hajimehoshi/ebiten/blob/master/LICENSE">the Apache License 2.0</a>.</p>
-  <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
-</div></footer>
-
-<script src="../scripts/highlight.pack.js"></script>
-<script>hljs.initHighlightingOnLoad();</script>
diff --git a/docs/examples/hue.html b/docs/examples/particles.html
similarity index 84%
rename from docs/examples/hue.html
rename to docs/examples/particles.html
index efb0e1e14..db867c091 100644
--- a/docs/examples/hue.html
+++ b/docs/examples/particles.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <meta charset="utf-8">
-<meta property="og:image" itemprop="image primaryImageOfPage" content="https://hajimehoshi.github.io/ebiten/images/examples/hue.png">
-<meta name="description" content="Ebiten example - hue">
+<meta property="og:image" itemprop="image primaryImageOfPage" content="https://hajimehoshi.github.io/ebiten/images/examples/particles.png">
+<meta name="description" content="Ebiten example - particles">
 <link rel="shortcut icon" href="../favicon.png" type="image/png" >
 <link rel="icon" href="../favicon.png" type="image/png" >
-<title>Ebiten example - hue</title>
+<title>Ebiten example - particles</title>
 
 <link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
 <link rel="stylesheet" href="../stylesheets/highlight-github.css">
@@ -25,9 +25,9 @@
 
 <main><div class="container">
 
-  <h2>Ebiten example - hue</h2>
-  <iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/hue" width="640" height="480" allow="autoplay"></iframe>
-  <p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/hue">Go Playground page</a></p>
+  <h2>Ebiten example - particles</h2>
+  <iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/particles" width="640" height="480" allow="autoplay"></iframe>
+  <p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/particles">Go Playground page</a></p>
 
 </div></main>
 
diff --git a/docs/examples/rotate.html b/docs/examples/rotate.html
deleted file mode 100644
index 5154a47f7..000000000
--- a/docs/examples/rotate.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<meta charset="utf-8">
-<meta property="og:image" itemprop="image primaryImageOfPage" content="https://hajimehoshi.github.io/ebiten/images/examples/rotate.png">
-<meta name="description" content="Ebiten example - rotate">
-<link rel="shortcut icon" href="../favicon.png" type="image/png" >
-<link rel="icon" href="../favicon.png" type="image/png" >
-<title>Ebiten example - rotate</title>
-
-<link rel="stylesheet" href="../stylesheets/bootstrap.min.css">
-<link rel="stylesheet" href="../stylesheets/highlight-github.css">
-<link rel="stylesheet" href="../stylesheets/ebiten.css">
-<script src="../scripts/googleanalytics.js"></script>
-
-<nav class="navbar"><div class="container">
-  <nav class="d-flex flex-row" style="width: 100%;">
-    <div class="nav mr-auto"><a class="navbar-brand" href="../"><img src="../images/logo_white.svg" alt="EBITEN"></a></div>
-    <ul class="nav">
-      <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten">GitHub</a></li>
-      <li class="nav-item"><a class="nav-link" href="https://godoc.org/github.com/hajimehoshi/ebiten">API Document</a></li>
-      <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki/Cheat-Sheet">Cheat Sheet</a></li>
-      <li class="nav-item"><a class="nav-link" href="https://github.com/hajimehoshi/ebiten/wiki">Wiki</a>
-    </ul>
-  </nav>
-</div></nav>
-
-<main><div class="container">
-
-  <h2>Ebiten example - rotate</h2>
-  <iframe src="https://jsgo.io/github.com/hajimehoshi/ebiten/examples/rotate" width="640" height="480" allow="autoplay"></iframe>
-  <p><a href="https://play.jsgo.io/github.com/hajimehoshi/ebiten/examples/rotate">Go Playground page</a></p>
-
-</div></main>
-
-<footer><div class="container">
-  <p>© 2013 Hajime Hoshi</p>
-  <p>Code is licensed under <a href="https://github.com/hajimehoshi/ebiten/blob/master/LICENSE">the Apache License 2.0</a>.</p>
-  <p>The content of this page is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">the Creative Commons Attribution 4.0 License</a>.</p>
-</div></footer>
-
-<script src="../scripts/highlight.pack.js"></script>
-<script>hljs.initHighlightingOnLoad();</script>
diff --git a/docs/images/examples/particles.png b/docs/images/examples/particles.png
new file mode 100644
index 000000000..f5780a047
Binary files /dev/null and b/docs/images/examples/particles.png differ
diff --git a/docs/index.html b/docs/index.html
index 75a4dc2fb..963b8d9b9 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -91,8 +91,6 @@
   <div class="row">
   <div class="col-3">
       <a href="./examples/airship.html"><img src="images/examples/airship.png" width="320" height="240" alt="Ebiten example: airship" class="img-thumbnail"></a>
-    </div><div class="col-3">
-      <a href="./examples/alphablending.html"><img src="images/examples/alphablending.png" width="320" height="240" alt="Ebiten example: alphablending" class="img-thumbnail"></a>
     </div><div class="col-3">
       <a href="./examples/animation.html"><img src="images/examples/animation.png" width="320" height="240" alt="Ebiten example: animation" class="img-thumbnail"></a>
     </div><div class="col-3">
@@ -109,8 +107,6 @@
       <a href="./examples/highdpi.html"><img src="images/examples/highdpi.png" width="320" height="240" alt="Ebiten example: highdpi" class="img-thumbnail"></a>
     </div><div class="col-3">
       <a href="./examples/hsv.html"><img src="images/examples/hsv.png" width="320" height="240" alt="Ebiten example: hsv" class="img-thumbnail"></a>
-    </div><div class="col-3">
-      <a href="./examples/hue.html"><img src="images/examples/hue.png" width="320" height="240" alt="Ebiten example: hue" class="img-thumbnail"></a>
     </div><div class="col-3">
       <a href="./examples/infinitescroll.html"><img src="images/examples/infinitescroll.png" width="320" height="240" alt="Ebiten example: infinitescroll" class="img-thumbnail"></a>
     </div><div class="col-3">
@@ -125,14 +121,14 @@
       <a href="./examples/noise.html"><img src="images/examples/noise.png" width="320" height="240" alt="Ebiten example: noise" class="img-thumbnail"></a>
     </div><div class="col-3">
       <a href="./examples/paint.html"><img src="images/examples/paint.png" width="320" height="240" alt="Ebiten example: paint" class="img-thumbnail"></a>
+    </div><div class="col-3">
+      <a href="./examples/particles.html"><img src="images/examples/particles.png" width="320" height="240" alt="Ebiten example: particles" class="img-thumbnail"></a>
     </div><div class="col-3">
       <a href="./examples/perspective.html"><img src="images/examples/perspective.png" width="320" height="240" alt="Ebiten example: perspective" class="img-thumbnail"></a>
     </div><div class="col-3">
       <a href="./examples/polygons.html"><img src="images/examples/polygons.png" width="320" height="240" alt="Ebiten example: polygons" class="img-thumbnail"></a>
     </div><div class="col-3">
       <a href="./examples/raycasting.html"><img src="images/examples/raycasting.png" width="320" height="240" alt="Ebiten example: raycasting" class="img-thumbnail"></a>
-    </div><div class="col-3">
-      <a href="./examples/rotate.html"><img src="images/examples/rotate.png" width="320" height="240" alt="Ebiten example: rotate" class="img-thumbnail"></a>
     </div><div class="col-3">
       <a href="./examples/sprites.html"><img src="images/examples/sprites.png" width="320" height="240" alt="Ebiten example: sprites" class="img-thumbnail"></a>
     </div><div class="col-3">
