deploy dev version

2023-08-10 21:12:52 +03:00 · 2017-05-22 09:56:42 +02:00
parent d7c6231e78
commit dbf8072343
937 changed files with 38520 additions and 225771 deletions
--- a/dev/js/utils/serialization/arraybuffer/ArrayBufferDeserializer.js
+++ b/dev/js/utils/serialization/arraybuffer/ArrayBufferDeserializer.js
@@ -0,0 +1,123 @@
+(function () {
+  var ns = $.namespace('pskl.utils.serialization.arraybuffer');
+
+  /**
+   * The array buffer serialization-deserialization should only be used when when backing
+   * up the animation in memory. If you actually need to dump the animation to a string
+   * use the regular serialization helpers.
+   *
+   * This is due to the lacking support on TypedArray::toString on some browsers.
+   * Will revisit the option of using this across the whole project when the APIs are less
+   * green.
+   *
+   */
+  ns.ArrayBufferDeserializer = {
+    deserialize : function (data, callback) {
+      var i;
+      var j;
+      var buffer = data;
+      var arr8 = new Uint8Array(buffer);
+      var arr16 = new Uint16Array(arr8.buffer);
+      var sub;
+
+      /********/
+      /* META */
+      /********/
+      // Piskel meta
+      var modelVersion = arr16[0];
+      var width = arr16[1];
+      var height = arr16[2];
+      var fps = arr16[3];
+
+      // Descriptor meta
+      var descriptorNameLength = arr16[4];
+      var descriptorDescriptionLength = arr16[5];
+
+      // Layers meta
+      var layerCount = arr16[6];
+
+      /********/
+      /* DATA */
+      /********/
+      // Descriptor name
+      var descriptorName = '';
+      for (i = 0; i < descriptorNameLength; i++) {
+        descriptorName += String.fromCharCode(arr16[7 + i]);
+      }
+
+      // Descriptor description
+      var descriptorDescription = '';
+      for (i = 0; i < descriptorDescriptionLength; i++) {
+        descriptorDescription = String.fromCharCode(arr16[7 + descriptorNameLength + i]);
+      }
+
+      // Layers
+      var layerStartIndex = 7 + descriptorNameLength + descriptorDescriptionLength;
+      var layers = [];
+      var layer;
+      for (i = 0; i < layerCount; i++) {
+        layer = {};
+        var frames = [];
+
+        // Meta
+        var layerNameLength = arr16[layerStartIndex];
+        var opacity =  arr16[layerStartIndex + 1] / 65535;
+        var frameCount = arr16[layerStartIndex + 2];
+        var dataUriLengthFirstHalf = arr16[layerStartIndex + 3];
+        var dataUriLengthSecondHalf = arr16[layerStartIndex + 4];
+        var dataUriLength = (dataUriLengthSecondHalf >>> 0) | (dataUriLengthFirstHalf << 16 >>> 0);
+
+        // Name
+        var layerName = '';
+        for (j = 0; j < layerNameLength; j++) {
+          layerName += String.fromCharCode(arr16[layerStartIndex + 5 + j]);
+        }
+
+        // Data URI
+        var dataUri = '';
+        for (j = 0; j < dataUriLength; j++) {
+          dataUri += String.fromCharCode(arr8[(layerStartIndex + 5 + layerNameLength) * 2 + j]);
+        }
+        dataUri = 'data:image/png;base64,' + dataUri;
+
+        layerStartIndex += Math.ceil(5 + layerNameLength + (dataUriLength / 2));
+
+        layer.name = layerName;
+        layer.opacity = opacity;
+        layer.frameCount = frameCount;
+        layer.dataUri = dataUri;
+        layers.push(layer);
+      }
+
+      var descriptor = new pskl.model.piskel.Descriptor(descriptorName, descriptorDescription);
+      var piskel = new pskl.model.Piskel(width, height, fps, descriptor);
+      var loadedLayers = 0;
+
+      var loadLayerImage = function(layer, cb) {
+        var image = new Image();
+        image.onload = function() {
+          var frames = pskl.utils.FrameUtils.createFramesFromSpritesheet(this, layer.frameCount);
+          frames.forEach(function (frame) {
+            layer.model.addFrame(frame);
+          });
+
+          loadedLayers++;
+          if (loadedLayers == layerCount) {
+            cb(piskel);
+          }
+        };
+        image.src = layer.dataUri;
+      };
+
+      for (i = 0; i < layerCount; i++) {
+        layer = layers[i];
+        var nlayer = new pskl.model.Layer(layer.name);
+        layer.model = nlayer;
+        nlayer.setOpacity(layer.opacity);
+        piskel.addLayer(nlayer);
+
+        loadLayerImage.bind(this, layer, callback)();
+      }
+    }
+  };
+})();