logo  





doc

A pdf file with the complete documentation is available here.

What we are going to learn now is just a quick review about how the engine works. JADSDS engine is a tag based JavaScript animator and load data reading XML files.

Remember all the tags are case sensitive.

let


Play with the values, press “Run xml” and see what happens. If something goes wrong, just press “Reset”.

convertImageSequenceInFrames: Convert a sequence of images in frames.

Please check the previous example where the image sequence used is 01.png, 02.png, 03.png… 17.png

* filePreName: The file name before the numbers. Leave it empty if you do not need it.
* startNumber: The lowest number in the sequence.
* endNumber: The very last number in the sequence.
* formatNumber: The format used for the numbers. Example: ##:01, ###:001, etc. Leave it empty if you do not need it.
* fileNameExtension: The file extension of the image. 

Download




You don’t need to include all the colors, just those ones that you are planning to change.

Play with the values, press “Run xml” and see what happens. If something goes wrong, just press “Reset”.

The engine has three tags that allow us to manipulate images.

These tags are:

applyAlterations: The alterations will be done to all the frames currently used.
applyAlterationsToAllFrames: Only the frames inside the tag “frameCollection” will be affected.
applyAlterationsToThisFrame: Only the frame inside the tag “frame” will be affected.

We are using ARGB (Alpha-Red-Green-Blue) for the colors, the values for each color are between 0 and 255.

You can use all the tags at the same time for multiple alterations.

Download





Play with the values, press “Run xml” and see what happens. If something goes wrong, just press “Reset”.

moveAnimation: Moves an image from a point to another one. The trajectory is calculated by the engine.

Use “pixelsMoveLeft” and “pixelsMoveTop” to indicate how many pixels the engine will move the image. If pixelsMoveLeft is 0 means vertical movements, both with values mean diagonal movements or use negative values for moving it backward.

The previous example an area is created with iniLeft, iniTop, maxLeft & maxTop. It means that the image can only move inside this area, after reach the limits automatically will return.

Download 





Play with the values, press “Run xml” and see what happens. If something goes wrong, just press “Reset”.

We can limit drag and drop events inside specific coordinates and trigger events when they reach certain areas.

Download








Press the buttons “Run” or “Stop” to trigger the actions “ResumeAnimationAndMove” and “StopAnimationAndMove”.

Play with the values, press “Run xml” and see what happens. If something goes wrong, just press “Reset”.

javaScriptActions: Trigger actions using events is a way to control objects in your project, but is not the only one. The tag “javaScriptActions” allows you trigger actions from JavaScript.

Download 





Play with the values, press “Run xml” and see what happens. If something goes wrong, just press “Reset”.

video: Changing the property “streamed” to false, allow you download the video file completely and share it with other players, preventing download the same file multiple times.

Download 
next