diff --git a/.eslintignore b/.eslintignore
index c3651b8..c6a4e07 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,4 +1,5 @@
 dist/
 node_modules/
 lib/jquery/
+lib/threadify
 coverage/
\ No newline at end of file
diff --git a/.eslintrc b/.eslintrc
index ccf2ddf..37b9414 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -8,6 +8,7 @@
         "no-trailing-spaces": ["error", { "skipBlankLines": true }],
         "padded-blocks": ["error", "always"],
         "no-unused-vars": 0,
+        "new-cap": 0,
         "no-console": "error",
         "no-only-tests/no-only-tests": 2
     },
diff --git a/lib/canvas/canvas.js b/lib/canvas/canvas.js
index dea3289..1ee8d53 100644
--- a/lib/canvas/canvas.js
+++ b/lib/canvas/canvas.js
@@ -220,63 +220,6 @@ class Canvas {
 
   }
 
-  /**
-   * checks collision between obstacles and bird object
-   */
-  collisionDetection () {
-
-    let birdShape = this.bird.shape;
-    let obstacles = this.obstacles;
-    let birdWidth = birdShape.x + birdShape.width;
-
-    const _hitAction = () => {
-
-      if (typeof this.onClear === 'function') {
-
-        this.onClear();
-      
-      }
-    
-    };
-
-    obstacles.forEach(obstacle => {
-
-      let obstacleShape = obstacle.shape;
-      let obstacleHeight = obstacleShape.y + obstacleShape.height;
-      let obstacleWidth = obstacleShape.x + obstacleShape.width;
-
-      if (
-        (birdShape.x >= obstacleShape.x && birdWidth <= obstacleWidth) ||
-        (birdWidth >= obstacleShape.x && birdWidth <= obstacleWidth) ||
-        (birdShape.x === obstacleWidth) ||
-        (birdShape.x === obstacleShape.x) ||
-        (birdWidth === obstacleWidth)
-      ) {
-
-        if (obstacleShape.y === 0) { // check upper obstacle
-
-          if (birdShape.y <= obstacleHeight) {
-
-            _hitAction();
-
-          }
-
-        } else { // check lower obstacle
-
-          if (birdShape.y + birdShape.height >= obstacleShape.y) {
-
-            _hitAction();
-
-          }
-
-        }
-
-      }
-
-    });
-
-  }
-
   /**
    * completely deletes canvas and all its shapes
    */
diff --git a/lib/collision-detection/collisionDetection.js b/lib/collision-detection/collisionDetection.js
new file mode 100644
index 0000000..b224a8c
--- /dev/null
+++ b/lib/collision-detection/collisionDetection.js
@@ -0,0 +1,87 @@
+
+/* global threadify */
+class CollisionDetection {
+
+  /**
+   *  @param {Bird} options.bird
+   *  @param {Array<Obstacle>} options.obstacle
+   */
+  static collisionDetection ({ bird, obstacles }) {
+
+    const thread = this;
+      
+    let birdWidth = bird.x + bird.width;
+        
+    obstacles.forEach(obstacle => {
+
+      let obstacleHeight = obstacle.y + obstacle.height;
+      let obstacleWidth = obstacle.x + obstacle.width;
+        
+      if (
+        (bird.x >= obstacle.x && birdWidth <= obstacleWidth) ||
+                (birdWidth >= obstacle.x && birdWidth <= obstacleWidth) ||
+                (bird.x === obstacleWidth) ||
+                (bird.x === obstacle.x) ||
+                (birdWidth === obstacleWidth)
+      ) {
+        
+        if (obstacle.y === 0) { // check upper obstacle
+        
+          if (bird.y <= obstacleHeight) {
+        
+            thread.return(true);
+        
+          }
+        
+        } else { // check lower obstacle
+        
+          if (bird.y + bird.height >= obstacle.y) {
+        
+            thread.return(true);
+        
+          }
+        
+        }
+        
+      }
+        
+    });
+
+    thread.return(false);
+        
+  }
+
+  static wrapped (canvas) {
+
+    // cleanup objects for later use
+    const bird = {
+      x: canvas.bird.shape.x,
+      y: canvas.bird.shape.y,
+      width: canvas.bird.shape.width,
+      height: canvas.bird.shape.height
+    };
+
+    const obstacles = canvas.obstacles.map(o => {
+
+      return {
+        x: o.shape.x,
+        y: o.shape.y,
+        width: o.shape.width,
+        height: o.shape.height
+      };
+    
+    });
+
+    const wrappedFn = threadify(this.collisionDetection);
+
+    return {
+      collisionDetection: wrappedFn,
+      collideCheckObject: {
+        bird,
+        obstacles
+      }
+    };
+  
+  }
+
+}
diff --git a/lib/main/main.js b/lib/main/main.js
index efda47d..a2005f7 100644
--- a/lib/main/main.js
+++ b/lib/main/main.js
@@ -1,4 +1,4 @@
-/* global Canvas, Footer, KeyboardHandler */
+/* global Canvas, Footer, KeyboardHandler, CollisionDetection */
 let mrflap, canvas, bird;
 
 function appendFooter () {
@@ -93,7 +93,24 @@ function spawnObstacles () {
   setInterval(() => {
 
     canvas.moveObstacles();
-    canvas.collisionDetection();
+
+    // execute collision detection inside web worker
+    const {
+      collisionDetection,
+      collideCheckObject
+    } = CollisionDetection.wrapped(canvas);
+
+    const job = collisionDetection(collideCheckObject);
+
+    job.done = (isCollided) => {
+
+      if (isCollided) {
+
+        canvas.onClear();
+      
+      }
+    
+    };
 
   }, 1000 / 30);
 
diff --git a/lib/threadify/threadify.min.js b/lib/threadify/threadify.min.js
new file mode 100755
index 0000000..54b1a21
--- /dev/null
+++ b/lib/threadify/threadify.min.js
@@ -0,0 +1 @@
+!(function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).threadify=e()}}(function(){return function i(o,s,f){function u(r,e){if(!s[r]){if(!o[r]){var t="function"==typeof require&&require;if(!e&&t)return t(r,!0);if(l)return l(r,!0);var n=new Error("Cannot find module '"+r+"'");throw n.code="MODULE_NOT_FOUND",n}var a=s[r]={exports:{}};o[r][0].call(a.exports,function(e){return u(o[r][1][e]||e)},a,a.exports,i,o,s,f)}return s[r].exports}for(var l="function"==typeof require&&require,e=0;e<f.length;e++)u(f[e]);return u}({1:[function(e,r,t){r.exports={serializeArgs:function(e){"use strict";for(var r=["Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Uint16Array","Int32Array","Uint32Array","Float32Array","Float64Array"],t=[],n=[],a=0;a<e.length;a++)if(e[a]instanceof Error){for(var i={type:"Error",value:{name:e[a].name}},o=Object.getOwnPropertyNames(e[a]),s=0;s<o.length;s++)i.value[o[s]]=e[a][o[s]];t.push(i)}else if(e[a]instanceof DataView)n.push(e[a].buffer),t.push({type:"DataView",value:e[a].buffer});else{if(e[a]instanceof ArrayBuffer)n.push(e[a]);else if("ImageData"in window&&e[a]instanceof ImageData)n.push(e[a].data.buffer);else for(var f=0;f<r.length;f++)if(e[a]instanceof window[r[f]]){n.push(e[a].buffer);break}t.push({type:"arg",value:e[a]})}return{args:t,transferable:n}},unserializeArgs:function(e){"use strict";for(var r=[],t=0;t<e.length;t++)switch(e[t].type){case"arg":r.push(e[t].value);break;case"Error":var n=new Error;for(var a in e[t].value)n[a]=e[t].value[a];r.push(n);break;case"DataView":r.push(new DataView(e[t].value))}return r}}},{}],2:[function(e,r,t){"use strict";var d=e("./helpers.js");r.exports=function(e,r){var t,n,a,i,o=this,s=new Worker(e),f={done:null,failed:null,terminated:null},u={done:null,failed:null,terminated:null};function l(){for(var e in f)f[e]&&u[e]&&(f[e].apply(o,u[e]),u[e]=null)}function c(){s.terminate(),u.terminated=[],l()}Object.defineProperty(this,"done",{get:function(){return f.done},set:function(e){f.done=e,l()},enumerable:!0,configurable:!1}),Object.defineProperty(this,"failed",{get:function(){return f.failed},set:function(e){f.failed=e,l()},enumerable:!0,configurable:!1}),Object.defineProperty(this,"terminated",{get:function(){return f.terminated},set:function(e){f.terminated=e,l()},enumerable:!0,configurable:!1}),this.terminate=c,s.addEventListener("message",function(e){var r=e.data||{},t=d.unserializeArgs(r.args||[]);switch(r.name){case"threadify-return":u.done=t;break;case"threadify-error":u.failed=t;break;case"threadify-terminated":u.terminated=[]}l()}.bind(this),!1),s.addEventListener("error",function(e){u.failed=[e],l(),c()}.bind(this),!1),t="threadify-start",n=r,a=d.serializeArgs(n||[]),i={name:t,args:a.args},s.postMessage(i,a.transferable)}},{"./helpers.js":1}],3:[function(e,r,t){"use strict";var n=e("./helpers.js"),a=e("./job.js"),i=e("./workercode.js");r.exports=function(e){var r=new Blob(["var window=this;var global=this;(",i.toString(),")(",e.toString(),",",n.serializeArgs.toString(),",",n.unserializeArgs.toString(),");"],{type:"application/javascript"}),t=URL.createObjectURL(r);return function(){for(var e=[],r=0;r<arguments.length;r++)e.push(arguments[r]);return new a(t,e)}}},{"./helpers.js":1,"./job.js":2,"./workercode.js":4}],4:[function(e,r,t){r.exports=function(a,i,o){"use strict";function s(e,r){var t=i(r||[]),n={name:e,args:t.args};postMessage(n,t.transferable)}var f={terminate:function(){s("threadify-terminated",[]),close()},error:function(){s("threadify-error",arguments)},return:function(){s("threadify-return",arguments),f.terminate()}};addEventListener("message",function(e){var r=e.data||{},t=o(r.args||[]);switch(r.name){case"threadify-start":var n;try{n=a.apply(f,t)}catch(e){f.error(e),f.terminate()}void 0!==n&&(s("threadify-return",[n]),f.terminate())}},!1)}},{}]},{},[3])(3)}));
diff --git a/test/canvas/canvasSpec.js b/test/canvas/canvasSpec.js
index e9ef02f..2d53ba8 100644
--- a/test/canvas/canvasSpec.js
+++ b/test/canvas/canvasSpec.js
@@ -176,75 +176,4 @@ describe('Canvas', function () {
 
   });
 
-  describe('#collisionDetection', function () {
-
-    let canvas, bird, hitSpy;
-
-    beforeEach(function () {
-
-      hitSpy = sinon.spy();
-
-      canvas = new Canvas({
-        mrflapDiv: mrflapDiv,
-        onClear: hitSpy
-      });
-  
-      bird = canvas.drawBird();
-
-    });
-
-    it('should hit lower obstacle', function () {
-
-      // given
-      const {
-        obstacleBottom
-      } = canvas.drawObstacle({
-        heightBottom: 50
-      });
-    
-      // when
-      for (let i = 0; i < 110; i++) {
-  
-        canvas.moveObstacles();
-  
-      }
-  
-      canvas.collisionDetection();
-  
-      // then
-      expect(hitSpy).to.have.been.called;
-  
-    });
-
-    it('should hit upper obstacle', function () {
-
-      // given
-      const {
-        obstacleTop
-      } = canvas.drawObstacle({
-        heightBottom: 50
-      });
-
-      bird.moveUp({
-        speed: 100
-      });
-  
-      const originalX = obstacleTop.x;
-  
-      // when
-      for (let i = 0; i < 110; i++) {
-  
-        canvas.moveObstacles();
-  
-      }
-  
-      canvas.collisionDetection();
-  
-      // then
-      expect(hitSpy).to.have.been.called;
-  
-    });
-
-  });
-
 });
diff --git a/test/collision-detection/collisionDetectionSpec.js b/test/collision-detection/collisionDetectionSpec.js
new file mode 100644
index 0000000..67b3600
--- /dev/null
+++ b/test/collision-detection/collisionDetectionSpec.js
@@ -0,0 +1,102 @@
+/* global it, describe, expect, beforeEach,  __html__, Canvas, sinon, CollisionDetection */
+/* eslint-disable no-unused-expressions */
+describe('CollisionDetection', function () {
+
+  let mrflapDiv;
+  
+  const _initPlayground = function () {
+  
+    $('body').append('<div class="mrflap-playground"></div>');
+  
+  };
+  
+  beforeEach(function () {
+  
+    document.body.innerHTML = __html__['test.html'];
+    _initPlayground();
+    mrflapDiv = $('.mrflap-playground');
+  
+  });
+  describe('#collisionDetection', function () {
+
+    let canvas, bird;
+
+    beforeEach(function () {
+
+      canvas = new Canvas({
+        mrflapDiv: mrflapDiv
+      });
+  
+      bird = canvas.drawBird();
+
+    });
+
+    it('should hit lower obstacle', function () {
+
+      // given
+      canvas.drawObstacle({
+        heightBottom: 50
+      });
+    
+      // when
+      for (let i = 0; i < 110; i++) {
+  
+        canvas.moveObstacles();
+  
+      }
+  
+      // when
+      const {
+        collisionDetection,
+        collideCheckObject
+      } = CollisionDetection.wrapped(canvas);
+  
+      const job = collisionDetection(collideCheckObject);
+  
+      job.done = (isCollided) => {
+  
+        // then
+        expect(isCollided).to.be.true;
+      
+      };
+  
+    });
+
+    it('should hit upper obstacle', function () {
+
+      // given
+      canvas.drawObstacle({
+        heightBottom: 50
+      });
+
+      bird.moveUp({
+        speed: 100
+      });
+  
+      // when
+      for (let i = 0; i < 110; i++) {
+  
+        canvas.moveObstacles();
+  
+      }
+  
+      // when
+      const {
+        collisionDetection,
+        collideCheckObject
+      } = CollisionDetection.wrapped(canvas);
+  
+      const job = collisionDetection(collideCheckObject);
+  
+      job.done = (isCollided) => {
+  
+        // then
+        expect(isCollided).to.be.true;
+      
+      };
+  
+    });
+
+  });
+
+});