✨ Finished making a lotto blower effect.

Author: mihailgaberov

index.js

@@ -2,7 +2,7 @@
 // import Ball from './src/Ball'
 import Matter from 'matter-js'
 
-const BALLS_COUNT = 45
+const BALLS_COUNT = 44
 
 export default class App {
   static init () {
@@ -29,16 +29,20 @@ export default class App {
     })
 
     const balls = []
+    const ballImagePaths = [
+      'static/images/7.png',
+      'static/images/7.png',
+    ]
 
     const createBall = () => {
       const ball = Bodies.circle(
-        render.canvas.width / 2,
+        300,
         render.canvas.height / 2,
         20, {
           restitution: 1,
           render: {
             sprite: {
-              texture: 'static/images/ball7b.png'
+              texture: ballImagePaths[Math.round(Math.random() * 2)]
             }
           }
         })

src/Ball.js

@@ -10,7 +10,7 @@ export default class Ball {
     this.xSpeed = 5;
     this.ySpeed = 5;
 
-    this.bitmap = new createjs.Bitmap('static/images/ball7b.png')
+    this.bitmap = new createjs.Bitmap('static/images/7.png')
     this.bitmap.x = Math.floor(Math.random() * stageWidth)
     this.bitmap.y = Math.floor(Math.random() * stageHeight)
     this.bitmap.shadow = new createjs.Shadow('#00000', 5, 5, 10)