partial

diff --git a/gulpfile.js b/gulpfile.js
index 0ea4eff..829a183 100644
--- a/gulpfile.js
+++ b/gulpfile.js

@@ -13,8 +13,8 @@
 var jshint = require('gulp-jshint');
 
 gulp.task('gzipFile', function(){
-  //gulp.src('demo/perricorn/data.js')
-  gulp.src('build/player/bodymovin.js')
+  gulp.src('demo/bocas/data.js')
+  //gulp.src('build/player/bodymovin.js')
     .pipe(gzip({ append: false }))
     .pipe(gulp.dest('demo/'));
 });

diff --git a/player/index.html b/player/index.html
index b134aec..9b3d65c 100644
--- a/player/index.html
+++ b/player/index.html

@@ -36,6 +36,6 @@
     <!-- endbuild -->
 </head>
 <body style="background-color:#ccc; margin: 0px;height: 100%; font-family: sans-serif;font-size: 10px">
-<div style="width:1200px;height:600px;background-color:#333;display:inline-block" class="bodymovin" data-bm-path="exports/bm" data-bm-type="canvas" data-bm-loop="true" data-bm-prerender="false"></div>
+<div style="width:800px;height:800px;background-color:#333;display:inline-block" class="bodymovin" data-bm-path="exports/gabriel/navidad" data-bm-type="svg" data-bm-loop="true" data-bm-prerender="false"></div>
 </body>
 </html>

diff --git a/player/js/elements/BaseElement.js b/player/js/elements/BaseElement.js
index 26f216a..b1a5545 100644
--- a/player/js/elements/BaseElement.js
+++ b/player/js/elements/BaseElement.js

@@ -26,7 +26,19 @@
 };
 
 BaseElement.prototype.createElements = function(){
-    if(this.data.hasMask){
+    if(this.data.td){
+        this.layerElement = document.createElementNS(svgNS,'mask');
+        this.layerElement.setAttribute('id',this.layerId);
+        if(this.data.td == 3){
+            this.layerElement.setAttribute('mask-type','luminance');
+        }else{
+            this.layerElement.setAttribute('mask-type','alpha');
+        }
+        this.globalData.defs.appendChild(this.layerElement);
+        if(this.data.hasMask){
+            this.maskedElement = this.layerElement;
+        }
+    }else if(this.data.hasMask){
         this.layerElement = document.createElementNS(svgNS,'g');
         if(this.data.tt){
             this.matteElement = document.createElementNS(svgNS,'g');
@@ -36,15 +48,6 @@
             this.parentContainer.appendChild(this.layerElement);
         }
         this.maskedElement = this.layerElement;
-    }else if(this.data.td){
-        this.layerElement = document.createElementNS(svgNS,'mask');
-        this.layerElement.setAttribute('id',this.layerId);
-        if(this.data.td == 3){
-            this.layerElement.setAttribute('mask-type','luminance');
-        }else{
-            this.layerElement.setAttribute('mask-type','alpha');
-        }
-        this.globalData.defs.appendChild(this.layerElement);
     }else if(this.data.tt){
         this.matteElement = document.createElementNS(svgNS,'g');
         this.matteElement.setAttribute('id',this.layerId);