Extracted Ball creation in a separated class.

Author: mihailgaberov

index.js

@@ -2,6 +2,7 @@
  * Created by Mihail on 3/5/2017.
  */
 import createjs from 'createjs'
+import Ball from './src/Ball'
 
 export default class App {
   constructor() {
@@ -19,14 +20,7 @@ export default class App {
 
     let i = 0
     while(i < this.BALLS_COUNT) {
-      let bitmap = new createjs.Bitmap('static/images/ball7b.png')
-
-      bitmap.x = Math.floor(Math.random() * stage.canvas.width)
-      bitmap.y = Math.floor(Math.random() * stage.canvas.height)
-
-      console.log('coords:', bitmap.x, bitmap.y)
-      bitmap.shadow = new createjs.Shadow("#000000", 5, 5, 10)
-      stage.addChild(bitmap);
+      stage.addChild(new Ball(stage.canvas.width, stage.canvas.height))
       i++;
     }
 

src/Ball.js

@@ -0,0 +1,16 @@
+/**
+ * Created by Mihail on 3/12/2017.
+ */
+import createjs from 'createjs'
+
+export default class Ball {
+  constructor(stageWidth, stageHeight) {
+
+    let bitmap = new createjs.Bitmap('static/images/ball7b.png')
+    bitmap.x = Math.floor(Math.random() * stageWidth)
+    bitmap.y = Math.floor(Math.random() * stageHeight)
+    bitmap.shadow = new createjs.Shadow("#000000", 5, 5, 10)
+
+    return bitmap
+  }
+}

webpack.config.js

@@ -22,12 +22,10 @@ module.exports = {
           plugins: ['transform-object-rest-spread']
         }
       },
-      // Images
       {
         test: /\.(png|jpg)$/,
         loader: 'url-loader?limit=8192'
       },
-      // SASS
       {
         test: /\.scss$/,
         loaders: ['style-loader', 'css-loader', 'sass-loader']