Overview

Element

Effect

Elementum Transitus

Transitus creare lenes visuales effectus inter duo consecutiva video vel imaginis elementa.

Temporis Restrictiones

  • Superpositio Necessaria: Transitus operantur per superpositionem finis unius elementi (preNodeId) cum initio alterius (postNodeId)
  • Maxima Duratio: Duratio transitus non potest excedere temporis superpositionem inter duo elementa
  • Positio: Tempus initii transitus debet concordare cum periodo superpositionis

Limites Duratio Transitus

Maxima duratio transitus determinatur per:

maxDuration = min(
  availableEndTime_of_preNode,
  availableStartTime_of_postNode
)

Si duratio longior quam hoc statuis, transitus recte renderi non potest.

ProprietasTypusRequiriturExemplumAmbitus ValorisDescriptio
preNodeIdstringtrue--Unique identifier praecedentis elementi ubi transitus incipit.
postNodeIdstringtrue--Unique identifier sequentis elementi ubi transitus finit.
transitionTypestringtrue-directionalwarp, directionalwipe, Bounce, BowTieHorizontal, BowTieVertical, ButterflyWaveScrawler, CircleCrop, ColourDistance, CrazyParametricFun, Directional, DoomScreenTransition, Dreamy, DreamyZoom, GridFlip, InvertedPageCurl, LinearBlur, Mosaic, PolkaDotsCurtain, Radial, SimpleZoom, StereoViewer, Swirl, WaterDrop, ZoomInCircles, angular, burn, cannabisleaf, circle, colorphase, crosshatch, crosswarp, cube, displacement, doorway, fade, fadecolor, fadegrayscale, flyeye, heart, hexagonalize, kaleidoscope, luma, luminance_melt, morph, multiply_blend, pinwheel, pixelize, polar_function, ripple, rotate_scale_fade, squareswire, squeeze, swap, undulatingBurnOut, wind, windowblinds, windowslice, wipeDown, wipeLeft, wipeRight, wipeUpTypus effectus transitus applicatus. Nomina casu sensitivi sunt.

Notae Importantes:

  • preNodeId et postNodeId debent referre ad elementa existens in view array
  • Sensibilitas Casuum: Nomina generum transitum casu sensitivi sunt. Utere nominibus exactis ut supra enumerata
  • Conventio Nominandi: Quidam transitus utuntur PascalCase (e.g., Bounce, CircleCrop), alii utuntur litteris minusculis (e.g., fade, wipeLeft). Utere nominibus exactis ut ostensum est
  • Limitatio Duratio: Curare ut duratio transitus non excedat tempus superpositionis inter elementa
  • Elementum transitus ipsum non indiget trackIndex - tempus ex elementis referentibus derivat

Exempla Usus:

  • Transitus fade praebet classicum transitus inter duo videos
  • wipeLeft creat effectum deslinationis a dextra ad sinistram
  • Bounce addit ludicum elasticum saltem durante transitu
  • Transitus personalizados ut directionalwarp creant distortionem effectus

Exemplum: Transitus Video

Dua videos cum 2-sectus transitus superpositione:

transitionElement.json
{
"view": [
  {
    "id": "435862f1-2358-464d-b379-26f4b63b12e3",
    "type": "Video",
    "start": 0,
    "duration": 10.218542,
    "trackIndex": 0,
    "externalUrl": "https://example.com/video1.mp4",
    "ext": "mp4"
  },
  {
    "id": "2b82ffe3-7c6e-4d28-9c11-9e3de94c5a49",
    "type": "Video",
    "start": 8.218542,
    "duration": 15,
    "trackIndex": 0,
    "externalUrl": "https://example.com/video2.mp4",
    "ext": "mp4"
  }
],
"transition": [
  {
    "id": "52b20852-e260-41aa-afab-70c22e20f62b",
    "type": "Transition",
    "start": 8.218542,
    "duration": 2,
    "preNodeId": "435862f1-2358-464d-b379-26f4b63b12e3",
    "postNodeId": "2b82ffe3-7c6e-4d28-9c11-9e3de94c5a49",
    "transitionType": "directionalwarp"
  }
]
}