@galacean/engine-loader 1.3.27 → 1.3.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/main.js +104 -97
  2. package/dist/main.js.map +1 -1
  3. package/dist/miniprogram.js +104 -97
  4. package/dist/module.js +104 -97
  5. package/dist/module.js.map +1 -1
  6. package/package.json +4 -4
  7. package/types/resource-deserialize/resources/texture2D/TextureDecoder.d.ts +1 -0
package/dist/miniprogram.js CHANGED
@@ -421,6 +421,7 @@ function float32ArrayToVector2(float32Array, vertexCount) {
421
421
  exports.Texture2DDecoder = /*#__PURE__*/ function() {
422
422
  function Texture2DDecoder() {}
423
423
  Texture2DDecoder.decode = function decode(engine, bufferReader) {
424
+ var _this = this;
424
425
  return new miniprogram.AssetPromise(function(resolve, reject) {
425
426
  var objectId = bufferReader.nextStr();
426
427
  var mipmap = !!bufferReader.nextUint8();
@@ -453,40 +454,52 @@ exports.Texture2DDecoder = /*#__PURE__*/ function() {
453
454
  engine.resourceManager._objectPool[objectId] = texture2D;
454
455
  resolve(texture2D);
455
456
  } else {
456
- var blob = new engineMiniprogramAdapter.window.Blob([
457
- imagesData[0]
458
- ]);
459
- var img = new engineMiniprogramAdapter.Image();
460
- img.onload = function() {
457
+ var completedCount = 0;
458
+ var onComplete = function() {
459
+ completedCount++;
460
+ if (completedCount >= mipCount) {
461
+ resolve(texture2D);
462
+ }
463
+ };
464
+ _this._loadImageBuffer(imagesData[0]).then(function(img) {
461
465
  texture2D.setImageSource(img);
462
- var completedCount = 0;
463
- var onComplete = function() {
464
- completedCount++;
465
- if (completedCount >= mipCount) {
466
- resolve(texture2D);
467
- }
468
- };
469
- onComplete();
470
466
  if (mipmap) {
471
467
  var _loop = function(i) {
472
- var blob = new engineMiniprogramAdapter.window.Blob([
473
- imagesData[i]
474
- ]);
475
- var img = new engineMiniprogramAdapter.Image();
476
- img.onload = function() {
468
+ _this._loadImageBuffer(imagesData[i]).then(function(img) {
477
469
  texture2D.setImageSource(img, i);
478
470
  onComplete();
479
- };
480
- img.src = engineMiniprogramAdapter.URL.createObjectURL(blob);
471
+ }, reject);
481
472
  };
482
473
  texture2D.generateMipmaps();
483
474
  for(var i = 1; i < mipCount; i++)_loop(i);
484
475
  }
485
- };
486
- img.src = engineMiniprogramAdapter.URL.createObjectURL(blob);
476
+ onComplete();
477
+ }, reject);
487
478
  }
488
479
  });
489
480
  };
481
+ Texture2DDecoder._loadImageBuffer = function _loadImageBuffer(imageBuffer) {
482
+ return new Promise(function(resolve, reject) {
483
+ var blob = new engineMiniprogramAdapter.window.Blob([
484
+ imageBuffer
485
+ ]);
486
+ var img = new engineMiniprogramAdapter.Image();
487
+ img.onerror = function() {
488
+ reject(new Error("Failed to load image buffer"));
489
+ };
490
+ img.onload = function() {
491
+ // Call requestAnimationFrame to avoid iOS's bug.
492
+ engineMiniprogramAdapter.requestAnimationFrame(function() {
493
+ resolve(img);
494
+ img.onload = null;
495
+ img.onerror = null;
496
+ img.onabort = null;
497
+ });
498
+ };
499
+ img.crossOrigin = "anonymous";
500
+ img.src = engineMiniprogramAdapter.URL.createObjectURL(blob);
501
+ });
502
+ };
490
503
  return Texture2DDecoder;
491
504
  }();
492
505
  exports.Texture2DDecoder = __decorate([
@@ -1337,15 +1350,11 @@ exports.EditorTextureLoader = /*#__PURE__*/ function(Loader1) {
1337
1350
  }
1338
1351
  var _proto = EditorTextureLoader.prototype;
1339
1352
  _proto.load = function load(item, resourceManager) {
1340
- return new miniprogram.AssetPromise(function(resolve, reject) {
1341
- resourceManager// @ts-ignore
1342
- ._request(item.url, _extends({}, item, {
1343
- type: "arraybuffer"
1344
- })).then(function(data) {
1345
- decode(data, resourceManager.engine).then(function(texture) {
1346
- resolve(texture);
1347
- });
1348
- }).catch(reject);
1353
+ return resourceManager// @ts-ignore
1354
+ ._request(item.url, _extends({}, item, {
1355
+ type: "arraybuffer"
1356
+ })).then(function(data) {
1357
+ return decode(data, resourceManager.engine);
1349
1358
  });
1350
1359
  };
1351
1360
  return EditorTextureLoader;
@@ -1431,79 +1440,77 @@ var AnimatorControllerLoader = /*#__PURE__*/ function(Loader1) {
1431
1440
  var _proto = AnimatorControllerLoader.prototype;
1432
1441
  _proto.load = function load(item, resourceManager) {
1433
1442
  var _this = this;
1434
- return new miniprogram.AssetPromise(function(resolve, reject) {
1435
- resourceManager// @ts-ignore
1436
- ._request(item.url, _extends({}, item, {
1437
- type: "json"
1438
- })).then(function(data) {
1439
- var animatorController = new miniprogram.AnimatorController(resourceManager.engine);
1440
- var layers = data.layers, parameters = data.parameters;
1441
- var promises = [];
1442
- layers.forEach(function(layerData, layerIndex) {
1443
- var name = layerData.name, blendingMode = layerData.blendingMode, weight = layerData.weight, stateMachineData = layerData.stateMachine;
1444
- var layer = new miniprogram.AnimatorControllerLayer(name);
1445
- layer.blendingMode = blendingMode;
1446
- layer.weight = weight;
1447
- if (stateMachineData) {
1448
- var states = stateMachineData.states, transitions = stateMachineData.transitions, entryTransitions = stateMachineData.entryTransitions, anyTransitions = stateMachineData.anyTransitions;
1449
- var stateMachine = layer.stateMachine;
1450
- var statesMap = {};
1451
- var transitionsMap = {};
1452
- states.forEach(function(stateData, stateIndex) {
1453
- var id = stateData.id, name = stateData.name, speed = stateData.speed, wrapMode = stateData.wrapMode, clipStartNormalizedTime = stateData.clipStartNormalizedTime, clipEndNormalizedTime = stateData.clipEndNormalizedTime, clipData = stateData.clip, scripts = stateData.scripts;
1454
- var state = stateMachine.addState(name);
1455
- state.speed = speed;
1456
- state.wrapMode = wrapMode;
1457
- state.clipStartTime = clipStartNormalizedTime;
1458
- state.clipEndTime = clipEndNormalizedTime;
1459
- scripts.forEach(function(script) {
1460
- state.addStateMachineScript(miniprogram.Loader.getClass(script));
1461
- });
1462
- statesMap[id] = state;
1463
- if (clipData) {
1464
- promises.push(new Promise(function(resolve) {
1465
- //@ts-ignore
1466
- resourceManager.getResourceByRef(clipData).then(function(clip) {
1467
- resolve({
1468
- layerIndex: layerIndex,
1469
- stateIndex: stateIndex,
1470
- clip: clip
1471
- });
1472
- });
1473
- }));
1474
- }
1475
- });
1476
- transitions.forEach(function(transitionData) {
1477
- var transition = _this._createTransition(transitionData, statesMap[transitionData.destinationStateId]);
1478
- transitionsMap[transitionData.id] = transition;
1479
- });
1480
- states.forEach(function(stateData) {
1481
- var id = stateData.id, transitions = stateData.transitions;
1482
- transitions.forEach(function(transitionId) {
1483
- var transition = transitionsMap[transitionId];
1484
- transition && statesMap[id].addTransition(transition);
1485
- });
1486
- });
1487
- entryTransitions.forEach(function(entryTransitionData) {
1488
- stateMachine.addEntryStateTransition(_this._createTransition(entryTransitionData, statesMap[entryTransitionData.destinationStateId]));
1443
+ return resourceManager// @ts-ignore
1444
+ ._request(item.url, _extends({}, item, {
1445
+ type: "json"
1446
+ })).then(function(data) {
1447
+ var animatorController = new miniprogram.AnimatorController(resourceManager.engine);
1448
+ var layers = data.layers, parameters = data.parameters;
1449
+ var promises = [];
1450
+ layers.forEach(function(layerData, layerIndex) {
1451
+ var name = layerData.name, blendingMode = layerData.blendingMode, weight = layerData.weight, stateMachineData = layerData.stateMachine;
1452
+ var layer = new miniprogram.AnimatorControllerLayer(name);
1453
+ layer.blendingMode = blendingMode;
1454
+ layer.weight = weight;
1455
+ if (stateMachineData) {
1456
+ var states = stateMachineData.states, transitions = stateMachineData.transitions, entryTransitions = stateMachineData.entryTransitions, anyTransitions = stateMachineData.anyTransitions;
1457
+ var stateMachine = layer.stateMachine;
1458
+ var statesMap = {};
1459
+ var transitionsMap = {};
1460
+ states.forEach(function(stateData, stateIndex) {
1461
+ var id = stateData.id, name = stateData.name, speed = stateData.speed, wrapMode = stateData.wrapMode, clipStartNormalizedTime = stateData.clipStartNormalizedTime, clipEndNormalizedTime = stateData.clipEndNormalizedTime, clipData = stateData.clip, scripts = stateData.scripts;
1462
+ var state = stateMachine.addState(name);
1463
+ state.speed = speed;
1464
+ state.wrapMode = wrapMode;
1465
+ state.clipStartTime = clipStartNormalizedTime;
1466
+ state.clipEndTime = clipEndNormalizedTime;
1467
+ scripts.forEach(function(script) {
1468
+ state.addStateMachineScript(miniprogram.Loader.getClass(script));
1489
1469
  });
1490
- anyTransitions.forEach(function(anyTransitionData) {
1491
- stateMachine.addAnyStateTransition(_this._createTransition(anyTransitionData, statesMap[anyTransitionData.destinationStateId]));
1470
+ statesMap[id] = state;
1471
+ if (clipData) {
1472
+ promises.push(//@ts-ignore
1473
+ resourceManager.getResourceByRef(clipData).then(function(clip) {
1474
+ return {
1475
+ layerIndex: layerIndex,
1476
+ stateIndex: stateIndex,
1477
+ clip: clip
1478
+ };
1479
+ }));
1480
+ }
1481
+ });
1482
+ transitions.forEach(function(transitionData) {
1483
+ var transition = _this._createTransition(transitionData, statesMap[transitionData.destinationStateId]);
1484
+ transitionsMap[transitionData.id] = transition;
1485
+ });
1486
+ states.forEach(function(stateData) {
1487
+ var id = stateData.id, transitions = stateData.transitions;
1488
+ transitions.forEach(function(transitionId) {
1489
+ var transition = transitionsMap[transitionId];
1490
+ transition && statesMap[id].addTransition(transition);
1492
1491
  });
1493
- }
1494
- animatorController.addLayer(layer);
1495
- });
1496
- parameters.forEach(function(parameterData) {
1497
- animatorController.addParameter(parameterData.name, parameterData.defaultValue);
1498
- });
1499
- Promise.all(promises).then(function(clipData) {
1492
+ });
1493
+ entryTransitions.forEach(function(entryTransitionData) {
1494
+ stateMachine.addEntryStateTransition(_this._createTransition(entryTransitionData, statesMap[entryTransitionData.destinationStateId]));
1495
+ });
1496
+ anyTransitions.forEach(function(anyTransitionData) {
1497
+ stateMachine.addAnyStateTransition(_this._createTransition(anyTransitionData, statesMap[anyTransitionData.destinationStateId]));
1498
+ });
1499
+ }
1500
+ animatorController.addLayer(layer);
1501
+ });
1502
+ parameters.forEach(function(parameterData) {
1503
+ animatorController.addParameter(parameterData.name, parameterData.defaultValue);
1504
+ });
1505
+ return new miniprogram.AssetPromise(function(resolve, reject) {
1506
+ miniprogram.AssetPromise.all(promises).then(function(clipData) {
1500
1507
  clipData.forEach(function(data) {
1501
1508
  var layerIndex = data.layerIndex, stateIndex = data.stateIndex, clip = data.clip;
1502
1509
  animatorController.layers[layerIndex].stateMachine.states[stateIndex].clip = clip;
1503
1510
  });
1504
1511
  resolve(animatorController);
1505
- });
1506
- }).catch(reject);
1512
+ }, reject).catch(reject);
1513
+ });
1507
1514
  });
1508
1515
  };
1509
1516
  _proto._createTransition = function _createTransition(transitionData, destinationState) {
package/dist/module.js CHANGED
@@ -416,6 +416,7 @@ function float32ArrayToVector2(float32Array, vertexCount) {
416
416
  var Texture2DDecoder = /*#__PURE__*/ function() {
417
417
  function Texture2DDecoder() {}
418
418
  Texture2DDecoder.decode = function decode(engine, bufferReader) {
419
+ var _this = this;
419
420
  return new AssetPromise(function(resolve, reject) {
420
421
  var objectId = bufferReader.nextStr();
421
422
  var mipmap = !!bufferReader.nextUint8();
@@ -448,40 +449,52 @@ var Texture2DDecoder = /*#__PURE__*/ function() {
448
449
  engine.resourceManager._objectPool[objectId] = texture2D;
449
450
  resolve(texture2D);
450
451
  } else {
451
- var blob = new window.Blob([
452
- imagesData[0]
453
- ]);
454
- var img = new Image();
455
- img.onload = function() {
452
+ var completedCount = 0;
453
+ var onComplete = function() {
454
+ completedCount++;
455
+ if (completedCount >= mipCount) {
456
+ resolve(texture2D);
457
+ }
458
+ };
459
+ _this._loadImageBuffer(imagesData[0]).then(function(img) {
456
460
  texture2D.setImageSource(img);
457
- var completedCount = 0;
458
- var onComplete = function() {
459
- completedCount++;
460
- if (completedCount >= mipCount) {
461
- resolve(texture2D);
462
- }
463
- };
464
- onComplete();
465
461
  if (mipmap) {
466
462
  var _loop = function(i) {
467
- var blob = new window.Blob([
468
- imagesData[i]
469
- ]);
470
- var img = new Image();
471
- img.onload = function() {
463
+ _this._loadImageBuffer(imagesData[i]).then(function(img) {
472
464
  texture2D.setImageSource(img, i);
473
465
  onComplete();
474
- };
475
- img.src = URL.createObjectURL(blob);
466
+ }, reject);
476
467
  };
477
468
  texture2D.generateMipmaps();
478
469
  for(var i = 1; i < mipCount; i++)_loop(i);
479
470
  }
480
- };
481
- img.src = URL.createObjectURL(blob);
471
+ onComplete();
472
+ }, reject);
482
473
  }
483
474
  });
484
475
  };
476
+ Texture2DDecoder._loadImageBuffer = function _loadImageBuffer(imageBuffer) {
477
+ return new Promise(function(resolve, reject) {
478
+ var blob = new window.Blob([
479
+ imageBuffer
480
+ ]);
481
+ var img = new Image();
482
+ img.onerror = function() {
483
+ reject(new Error("Failed to load image buffer"));
484
+ };
485
+ img.onload = function() {
486
+ // Call requestAnimationFrame to avoid iOS's bug.
487
+ requestAnimationFrame(function() {
488
+ resolve(img);
489
+ img.onload = null;
490
+ img.onerror = null;
491
+ img.onabort = null;
492
+ });
493
+ };
494
+ img.crossOrigin = "anonymous";
495
+ img.src = URL.createObjectURL(blob);
496
+ });
497
+ };
485
498
  return Texture2DDecoder;
486
499
  }();
487
500
  Texture2DDecoder = __decorate([
@@ -1332,15 +1345,11 @@ var EditorTextureLoader = /*#__PURE__*/ function(Loader1) {
1332
1345
  }
1333
1346
  var _proto = EditorTextureLoader.prototype;
1334
1347
  _proto.load = function load(item, resourceManager) {
1335
- return new AssetPromise(function(resolve, reject) {
1336
- resourceManager// @ts-ignore
1337
- ._request(item.url, _extends({}, item, {
1338
- type: "arraybuffer"
1339
- })).then(function(data) {
1340
- decode(data, resourceManager.engine).then(function(texture) {
1341
- resolve(texture);
1342
- });
1343
- }).catch(reject);
1348
+ return resourceManager// @ts-ignore
1349
+ ._request(item.url, _extends({}, item, {
1350
+ type: "arraybuffer"
1351
+ })).then(function(data) {
1352
+ return decode(data, resourceManager.engine);
1344
1353
  });
1345
1354
  };
1346
1355
  return EditorTextureLoader;
@@ -1426,79 +1435,77 @@ var AnimatorControllerLoader = /*#__PURE__*/ function(Loader1) {
1426
1435
  var _proto = AnimatorControllerLoader.prototype;
1427
1436
  _proto.load = function load(item, resourceManager) {
1428
1437
  var _this = this;
1429
- return new AssetPromise(function(resolve, reject) {
1430
- resourceManager// @ts-ignore
1431
- ._request(item.url, _extends({}, item, {
1432
- type: "json"
1433
- })).then(function(data) {
1434
- var animatorController = new AnimatorController(resourceManager.engine);
1435
- var layers = data.layers, parameters = data.parameters;
1436
- var promises = [];
1437
- layers.forEach(function(layerData, layerIndex) {
1438
- var name = layerData.name, blendingMode = layerData.blendingMode, weight = layerData.weight, stateMachineData = layerData.stateMachine;
1439
- var layer = new AnimatorControllerLayer(name);
1440
- layer.blendingMode = blendingMode;
1441
- layer.weight = weight;
1442
- if (stateMachineData) {
1443
- var states = stateMachineData.states, transitions = stateMachineData.transitions, entryTransitions = stateMachineData.entryTransitions, anyTransitions = stateMachineData.anyTransitions;
1444
- var stateMachine = layer.stateMachine;
1445
- var statesMap = {};
1446
- var transitionsMap = {};
1447
- states.forEach(function(stateData, stateIndex) {
1448
- var id = stateData.id, name = stateData.name, speed = stateData.speed, wrapMode = stateData.wrapMode, clipStartNormalizedTime = stateData.clipStartNormalizedTime, clipEndNormalizedTime = stateData.clipEndNormalizedTime, clipData = stateData.clip, scripts = stateData.scripts;
1449
- var state = stateMachine.addState(name);
1450
- state.speed = speed;
1451
- state.wrapMode = wrapMode;
1452
- state.clipStartTime = clipStartNormalizedTime;
1453
- state.clipEndTime = clipEndNormalizedTime;
1454
- scripts.forEach(function(script) {
1455
- state.addStateMachineScript(Loader.getClass(script));
1456
- });
1457
- statesMap[id] = state;
1458
- if (clipData) {
1459
- promises.push(new Promise(function(resolve) {
1460
- //@ts-ignore
1461
- resourceManager.getResourceByRef(clipData).then(function(clip) {
1462
- resolve({
1463
- layerIndex: layerIndex,
1464
- stateIndex: stateIndex,
1465
- clip: clip
1466
- });
1467
- });
1468
- }));
1469
- }
1470
- });
1471
- transitions.forEach(function(transitionData) {
1472
- var transition = _this._createTransition(transitionData, statesMap[transitionData.destinationStateId]);
1473
- transitionsMap[transitionData.id] = transition;
1474
- });
1475
- states.forEach(function(stateData) {
1476
- var id = stateData.id, transitions = stateData.transitions;
1477
- transitions.forEach(function(transitionId) {
1478
- var transition = transitionsMap[transitionId];
1479
- transition && statesMap[id].addTransition(transition);
1480
- });
1481
- });
1482
- entryTransitions.forEach(function(entryTransitionData) {
1483
- stateMachine.addEntryStateTransition(_this._createTransition(entryTransitionData, statesMap[entryTransitionData.destinationStateId]));
1438
+ return resourceManager// @ts-ignore
1439
+ ._request(item.url, _extends({}, item, {
1440
+ type: "json"
1441
+ })).then(function(data) {
1442
+ var animatorController = new AnimatorController(resourceManager.engine);
1443
+ var layers = data.layers, parameters = data.parameters;
1444
+ var promises = [];
1445
+ layers.forEach(function(layerData, layerIndex) {
1446
+ var name = layerData.name, blendingMode = layerData.blendingMode, weight = layerData.weight, stateMachineData = layerData.stateMachine;
1447
+ var layer = new AnimatorControllerLayer(name);
1448
+ layer.blendingMode = blendingMode;
1449
+ layer.weight = weight;
1450
+ if (stateMachineData) {
1451
+ var states = stateMachineData.states, transitions = stateMachineData.transitions, entryTransitions = stateMachineData.entryTransitions, anyTransitions = stateMachineData.anyTransitions;
1452
+ var stateMachine = layer.stateMachine;
1453
+ var statesMap = {};
1454
+ var transitionsMap = {};
1455
+ states.forEach(function(stateData, stateIndex) {
1456
+ var id = stateData.id, name = stateData.name, speed = stateData.speed, wrapMode = stateData.wrapMode, clipStartNormalizedTime = stateData.clipStartNormalizedTime, clipEndNormalizedTime = stateData.clipEndNormalizedTime, clipData = stateData.clip, scripts = stateData.scripts;
1457
+ var state = stateMachine.addState(name);
1458
+ state.speed = speed;
1459
+ state.wrapMode = wrapMode;
1460
+ state.clipStartTime = clipStartNormalizedTime;
1461
+ state.clipEndTime = clipEndNormalizedTime;
1462
+ scripts.forEach(function(script) {
1463
+ state.addStateMachineScript(Loader.getClass(script));
1484
1464
  });
1485
- anyTransitions.forEach(function(anyTransitionData) {
1486
- stateMachine.addAnyStateTransition(_this._createTransition(anyTransitionData, statesMap[anyTransitionData.destinationStateId]));
1465
+ statesMap[id] = state;
1466
+ if (clipData) {
1467
+ promises.push(//@ts-ignore
1468
+ resourceManager.getResourceByRef(clipData).then(function(clip) {
1469
+ return {
1470
+ layerIndex: layerIndex,
1471
+ stateIndex: stateIndex,
1472
+ clip: clip
1473
+ };
1474
+ }));
1475
+ }
1476
+ });
1477
+ transitions.forEach(function(transitionData) {
1478
+ var transition = _this._createTransition(transitionData, statesMap[transitionData.destinationStateId]);
1479
+ transitionsMap[transitionData.id] = transition;
1480
+ });
1481
+ states.forEach(function(stateData) {
1482
+ var id = stateData.id, transitions = stateData.transitions;
1483
+ transitions.forEach(function(transitionId) {
1484
+ var transition = transitionsMap[transitionId];
1485
+ transition && statesMap[id].addTransition(transition);
1487
1486
  });
1488
- }
1489
- animatorController.addLayer(layer);
1490
- });
1491
- parameters.forEach(function(parameterData) {
1492
- animatorController.addParameter(parameterData.name, parameterData.defaultValue);
1493
- });
1494
- Promise.all(promises).then(function(clipData) {
1487
+ });
1488
+ entryTransitions.forEach(function(entryTransitionData) {
1489
+ stateMachine.addEntryStateTransition(_this._createTransition(entryTransitionData, statesMap[entryTransitionData.destinationStateId]));
1490
+ });
1491
+ anyTransitions.forEach(function(anyTransitionData) {
1492
+ stateMachine.addAnyStateTransition(_this._createTransition(anyTransitionData, statesMap[anyTransitionData.destinationStateId]));
1493
+ });
1494
+ }
1495
+ animatorController.addLayer(layer);
1496
+ });
1497
+ parameters.forEach(function(parameterData) {
1498
+ animatorController.addParameter(parameterData.name, parameterData.defaultValue);
1499
+ });
1500
+ return new AssetPromise(function(resolve, reject) {
1501
+ AssetPromise.all(promises).then(function(clipData) {
1495
1502
  clipData.forEach(function(data) {
1496
1503
  var layerIndex = data.layerIndex, stateIndex = data.stateIndex, clip = data.clip;
1497
1504
  animatorController.layers[layerIndex].stateMachine.states[stateIndex].clip = clip;
1498
1505
  });
1499
1506
  resolve(animatorController);
1500
- });
1501
- }).catch(reject);
1507
+ }, reject).catch(reject);
1508
+ });
1502
1509
  });
1503
1510
  };
1504
1511
  _proto._createTransition = function _createTransition(transitionData, destinationState) {