Merge pull request #4 from ticklemynausea/master

moar crap

app/director.js

@@ -2,7 +2,10 @@
 
     'use strict';
 
-    const mapValues = require('lodash.mapvalues');
+    const _ = {
+        mapValues: require('lodash/mapvalues'),
+        sample: require('lodash/sample')
+    };
     const Scene = require('./scene');
 
     let Director = function(canvas) {
@@ -26,7 +29,7 @@
 
         /* map object with scene definitions obtained above into object
          * containing Scene objects with scene name as a key */
-        this.scenes = mapValues(scenes, (value, key) => {
+        this.scenes = _.mapValues(scenes, (value, key) => {
             return new Scene(value, this.canvas);
         });
 
@@ -37,7 +40,8 @@
 
         /* create user input area */
         document.getElementById('ul-teclas').innerHTML = userChoices.reduce((accumulator, choice) => {
-            accumulator += `<li class="user-action" id="li-${choice.name}" data-action="${choice.name}">${choice.key}<div>${choice.name}</div></li>`;
+            accumulator +=
+                `<li class="user-action" id="li-${choice.name}" data-action="${choice.name}">${choice.key}<div>${choice.name}</div></li>`;
             return accumulator;
         }, '');
 
@@ -123,7 +127,11 @@
                 /* then play the chosen scene */
                 .then(() => this.scenes[scene].play())
                 /* then play the reinaldo scene */
-                .then(() => this.scenes.reinaldo.play())
+                .then(() => {
+                    /* set valor property for reinaldo scene */
+                    this.scenes.reinaldo.properties.valor_acto = _.sample([1000, 2000, 3000]);
+                    return this.scenes.reinaldo.play();
+                })
                 /* then start all over again */
                 .then(main);
         };

app/scene.js

@@ -1,8 +1,11 @@
-(function() {
+    (function() {
 
     'use strict';
 
-    const flattenDeep = require('lodash.flattendeep');
+    const _ = {
+        flattenDeep: require('lodash/flattendeep'),
+        cloneDeep: require('lodash/clonedeep')
+    };
 
     let Scene = function(scene, canvas) {
 
@@ -12,6 +15,8 @@
         /* the html5 canvas object */
         this.canvas = canvas;
 
+        /* scene properties */
+        this.properties = {};
     };
 
     /* draw one of the specified frames in this scene */
@@ -23,33 +28,55 @@
         });
     };
 
+    /* */
+    Scene.prototype.testCondition = function(scene) {
+
+      if (!scene.if) {
+        return true;
+      }
+
+      /* check if all conditions specified in the 'if' property match
+       * the values stored in this scene's properties attribute */
+      return Object.keys(scene.if).reduce((accumulator, condition) => {
+          let value = scene.if[condition];
+          return accumulator && this.properties[condition] === scene.if[condition];
+      }, true);
+
+    };
+
     /* play this scene on the given canvas */
     Scene.prototype.play = function() {
 
         /* transform the scene roll definition given in the .json scene file
          * into a flat array of simple ({ name, duration }) objects.
          * this will deal with all the repeat: properties and multi level nesting */
-        let expand = (roll) => {
+        let expand = (scene) => {
 
-            /* recursively expand repeats */
+            /* test the if property for this scene. if it fails, filter it out
-            let expanded = roll.map((scene) => {
+             * by returning an empty array as result of roll expansion */
+            if (!this.testCondition(scene)) {
+              return [];
+            }
 
-                if (scene.hasOwnProperty('repeat')) {
+            /* expand this roll */
+            let roll = [];
+            for (let i = 0; i < (scene.repeat || 1); i++) {
+                roll = roll.concat(_.cloneDeep(scene.roll));
+            }
+            scene.roll = roll;
 
-                    let roll = [];
+            /* recursively expand child rolls */
+            let expanded = scene.roll.map((scene) => {
 
-                    for (let i = 0; i < scene.repeat; i++) {
+                if (scene.hasOwnProperty('roll')) {
-                        roll = roll.concat(scene.roll);
+                    return expand(scene);
-                    }
-
-                    return expand(roll);
                 }
 
                 return scene;
 
             });
 
-            return flattenDeep(expanded);
+            return _.flattenDeep(expanded);
 
         };
 
@@ -63,9 +90,7 @@
                 return () => new Promise((resolve, reject) => {
 
                     this.drawFrame(frame.images);
-                    setTimeout(() => {
+                    setTimeout(() => resolve(), frame.duration);
-                        return resolve();
-                    }, frame.duration);
 
                 });
             });
@@ -76,7 +101,7 @@
 
         /* expand the scene definition (get a flat array of simple { name, duration }
          * objects */
-        let expanded = expand(this.scene.roll);
+        let expanded = expand(this.scene);
 
         /* transform the array obtained into an array of functions */
         let functionalized = functionalize(expanded);

assets/scenes/reinaldo.json

@@ -9,8 +9,31 @@
       "duration": 1500
     },
     {
-      "images": "reinaldo_balloon_sao_1000",
+      "if": { "valor_acto": 1000 },
-      "duration": 1500
+      "roll": [
+        {
+          "images": "reinaldo_balloon_sao_1000",
+          "duration": 1500
+        }
+      ]
+    },
+    {
+      "if": { "valor_acto": 2000 },
+      "roll": [
+        {
+          "images": "reinaldo_balloon_sao_2000",
+          "duration": 1500
+        }
+      ]
+    },
+    {
+      "if": { "valor_acto": 3000 },
+      "roll": [
+        {
+          "images": "reinaldo_balloon_sao_3000",
+          "duration": 1500
+        }
+      ]
     },
     {
       "images": "reinaldo_balloon_nao_tenho",

assets/scenes/test.json

@@ -0,0 +1,13 @@
+{
+  "repeat": 3,
+  "roll": [
+      {
+        "images": "choice_balloon_vaginal",
+        "duration": 500
+      },
+      {
+        "images": "choice_balloon_anal",
+        "duration": 500
+      }
+    ]
+}

assets/scenes/test2.json

@@ -0,0 +1,44 @@
+{
+  "repeat": 10,
+  "roll": [
+      {
+        "images": "choice_balloon_vaginal",
+        "duration": 500
+      },
+      {
+        "images": "choice_balloon_anal",
+        "duration": 500
+      },
+      {
+        "repeat": 2,
+        "roll": [
+          {
+            "repeat": 3,
+            "roll": [
+              {
+                "images": "oral_frame1",
+                "duration": 250
+              },
+              {
+                "images": "oral_frame2",
+                "duration": 250
+              }
+            ]
+          },
+          {
+            "repeat": 2,
+            "roll": [
+              {
+                "images": "reinaldo_violar_frame1",
+                "duration": 250
+              },
+              {
+                "images": "reinaldo_violar_frame2",
+                "duration": 250
+              }
+            ]
+          }
+        ]
+      }
+    ]
+}

package.json

@@ -20,8 +20,7 @@
   "homepage": "https://github.com/falsovsky/paradise.js#readme",
   "dependencies": {
     "es6-promise": "^4.0.5",
-    "lodash.flattendeep": "^4.4.0",
+    "lodash": "^4.16.4"
-    "lodash.mapvalues": "^4.6.0"
   },
   "devDependencies": {
     "babel-core": "^6.17.0",

webpack.config.js

@@ -1,3 +1,4 @@
+const webpack = require('webpack');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 const htmlWebpackOptions = {
@@ -8,7 +9,8 @@ module.exports = {
     entry: "./app/index.js",
     output: {
         path: 'build',
-        filename: "bundle.js"
+        filename: "bundle.js",
+        sourceMapFilename: 'bundle.js.map'
     },
     module: {
         loaders: [
@@ -27,7 +29,18 @@ module.exports = {
             { test: /\.scss$/, loaders: ["style", "css", "sass"] }
         ]
     },
+    devtool: 'sourcemap',
     plugins: [
-        new HtmlWebpackPlugin(htmlWebpackOptions)
+        new HtmlWebpackPlugin(htmlWebpackOptions),
+        new webpack.optimize.UglifyJsPlugin({
+          compress: {
+            warnings: false
+          },
+          output: {
+            comments: false,
+            semicolons: true
+          },
+          sourceMap: true
+        })
     ]
 };