diff --git a/examples/assets/eraser.png b/examples/assets/eraser.png
new file mode 100644
index 0000000..2329c4f
Binary files /dev/null and b/examples/assets/eraser.png differ
diff --git a/examples/assets/pencil.png b/examples/assets/pencil.png
new file mode 100644
index 0000000..df5aa5b
Binary files /dev/null and b/examples/assets/pencil.png differ
diff --git a/examples/color_draw_something.html b/examples/color_draw_something.html
index 326efd4..9d75235 100644
--- a/examples/color_draw_something.html
+++ b/examples/color_draw_something.html
@@ -40,7 +40,7 @@
 <body>
 
   <div class="demo-title">
-    <p><a href="http://trackingjs.com" target="_parent">tracking.js</a> － use magenta color to draw and cyan to erase</p>
+    <p><a href="http://trackingjs.com" target="_parent">tracking.js</a> － use magenta color to draw and cyan to erase  or <a href="color_draw_something_controller_mobile.html" target="_parent">open this on mobile</a></p>
   </div>
 
   <div class="demo-frame">
diff --git a/examples/color_draw_something_controller_mobile.html b/examples/color_draw_something_controller_mobile.html
new file mode 100644
index 0000000..629fcdd
--- /dev/null
+++ b/examples/color_draw_something_controller_mobile.html
@@ -0,0 +1,57 @@
+<!doctype html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>tracking.js - magenta screen</title>
+  <link rel="stylesheet" href="assets/demo.css">
+
+  <script src="../build/tracking-min.js"></script>
+  <script src="../../dat-gui/build/dat.gui.min.js"></script>
+
+  <style>
+  .demo-frame-mobile {
+    background-color: magenta;
+    width: 100%;
+    height: 80vh;
+  }
+
+   .demo-toolbar {
+    height: 20vh;
+    text-align: center;
+  }
+
+  #pencil{ padding-right: 10%; }
+
+  #eraser{ padding-left: 10%; }
+  
+  </style>
+</head>
+<body>
+  <div class="demo-title">
+    <p><a href="http://trackingjs.com" target="_parent">tracking.js</a> － tool for draw something demo - open on mobile</p>
+  </div>
+
+  <div class="demo-frame-mobile" id="screen">
+  </div>
+
+  <div class="demo-toolbar">
+      <img src="assets/pencil.png" id="pencil" onclick="background_magenta()">
+      <img src="assets/eraser.png" id="eraser" onclick="background_cyan()">
+  </div>
+
+</body>
+
+<script>
+// Icons from Flaticon.com CC 3.0
+
+function background_magenta(){
+  document.getElementById('screen').style.backgroundColor="magenta";
+}
+
+function background_cyan(){
+  document.getElementById('screen').style.backgroundColor="cyan";
+}
+
+</script>
+</html>
